微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在HTML顶部以弹出/形式显示表格

如何解决在HTML顶部以弹出/形式显示表格

| 我的数据列表中有一个链接
<a href=\"#\" onclick=\"showHideDesc(this); return false;\"  class=\"prod_details\">details</a>
             <table style=\"display: none; background-color:AntiqueWhite; border-color:Black;
                     direction:rtl;\" class=\"MyTable\">
                  <tr>    
                     <td>
                       <asp:Label ID=\"lblShowHide\" runat=\"server\" 
                        Text=\'<%#DataBinder.Eval(Container.DataItem,\"Description\")%>\'></asp:Label>
                     </td> 
                  </tr>   
             </table>  
单击链接后,我将通过以下功能显示与该链接相关的关联表:
    <script type=\"text/javascript\" language=\"javascript\">
  function showHideDesc(link)
   {
     var table = link.parentNode.getElementsByTagName(\"TABLE\")[0];
       if (table.style.display == \"none\")
         {
           table.style.display = \"\";
           link.innerHTML = \"details\";
         }     
       else 
         {         
           table.style.display = \"none\";         
           link.innerHTML = \"details\";     
         } 
   }

 </script>
到现在为止一切正常,但问题在于,我要显示的描述为10-15行,并且由于数据列表中的其他记录而隐藏了该表。我需要在每个HTML的顶部显示它。一些弹出式的东西。 请帮忙     

解决方法

        要在其他HTML内容上方显示表格,应使用the2ѭCSS属性。这样可以对您的内容进行某种分层。 看看http://w3schools.com/css/css_positioning.asp了解更多信息     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。