隐藏即暂时

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。

隐藏表格时发生的页面布局取决于您的页面设置方式。