隱藏即暫時

Question

我想提出一個郵件排序system.Now的我面對的是假設我在前面顯示的收件箱信息表中的問題，並在該表頂部的搜索欄來搜索源自特定user.But郵件表如何暫時刪除該收件箱表並顯示搜索欄的結果以及點擊返回選項，如果用戶點擊搜索，將提供該選項。收件箱消息回來。

這裏是我的郵件搜索欄代碼：

<div class="mail_search"> 
<input type="text" class="mail_search_bar" placeholder="Search Mail" name="searchtext" onkeyup="searchuser(this.value)"> 

要獲得搜索結果我犯了一個div只是我的表像這樣上面：

<div id="showtext"></div> 
<div id="dtl_table"><table border='3' cellpadding='5' cellspacing="0"> 

並且表正在從數據庫填充動態像這樣的收件箱郵件。

<tr bgcolor="#5D1B90" color="#FFFFFF" onmouseover="ChangeColor(this, true,false);" onmouseout="ChangeColor(this, false,false);" onclick="DoNav('showmail.jsp?mid= <%=messageid%>');">  
<td><input type="checkbox" name="" onclick="DoRemove(event);" width="20" class="select_all_mail" value=<%=messageid%>></td> 
<td callspan="3" width="1000px"><%=sendername%> : <%=messagesubject%>  <%=sendingtime%></td> 

</tr> 

腳本代碼：

function searchuser(str){ 
    document.getElementById('dtl_table').style.visibility = "hidden"; 
    //var valuetosearch=document.myinbox.searchtext.value; 

    //document.location.href='searchemails?searchfor='+valuetosearch; 

    var xreq; 
    if(str=="") 
    { 
     document.getElementById("showtext").innerHTML=""; 
     return; 
    } 

    if(window.XMLHttpRequest) 
    { 
     xreq=new XMLHttpRequest(); 
    } 

    else 
    { 
     xreq=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    xreq.onreadystatechange=function() 
    { 
     if((xreq.readyState==4) && (xreq.status==200)) 
     { 
      document.getElementById("showtext").innerHTML=xreq.responseText; 
     } 
     } 

     xreq.open("GET","searchemails.jsp?q="+str,"true"); 
     xreq.send(); 
} 
</script> 

但即使我只是檢查searchmails.jsp輸入這樣的文字，也沒有任何結果。

<% String searchfor=request.getParameter("q"); 
%> 
<h1><%=searchfor%></h1> 

Answer 1

隱藏事物的簡單方法是創建一個像.hidden {display: none;}這樣的CSS規則。當有人使用搜索時，將類「隱藏」添加到您的表中。當您想要再次顯示錶格時，請移除該類別。爲了確保課程得到應用，請儘可能具體地使用規則。例如。 table#inbox.hidden而不僅僅是.hidden。

隱藏表格時發生的頁面佈局取決於您的頁面設置方式。