Question

我正在制作邮件类型的系统。现在我遇到一个问题，假设我有前面显示的收件箱邮件表和该表顶部的搜索栏，以搜索来自特定用户的邮件。但是如何删除该邮件收件箱表暂时显示搜索栏的结果以及点击后退选项，如果用户点击搜索，将会提供收件箱信息。

这是我的邮件搜索条形码：

 <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。

隐藏表时页面布局会发生什么情况取决于页面的设置方式。

暂时隐藏桌子

1 个答案: