首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > .NET > C# >

用jsp实现弹出框的有关问题

2013-02-24 
用jsp实现弹出框的问题我想实现点击一个按钮,弹出一个小框的功能(框里使用table来排版)。现在是先做两个层,

用jsp实现弹出框的问题
我想实现点击一个按钮,弹出一个小框的功能(框里使用table来排版)。现在是先做两个层,默认为 display: none;点击一个按钮之后,display = 'block'。可是为什么弹出效果出不来呢?

把代码贴一下:


<head runat="server">
    <title></title>

    <style type="text/css">
#div1 {
 display: none;
}
#div2 {
 display: none;
}
  </style>

  <script type="text/javascript">
    function openme() {
            document.getElementById('div1').style.display = 'block';
            document.getElementById('div2').style.display = 'block';
            }

   </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1" runat="server"></div>
    <div id="div2" runat="server" >
    <table width="30%" style="background-color:Red" >
    <tr>
    <td>testssss</td>
    </tr>
    </table>

    </div>
    <div>
    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="openme()" />
    </div>
    
    </form>
</body>


[解决办法]

<html>
<head >
    <title></title>
 
    <style type="text/css">
#div1 {
 display: none;
}
#div2 {
 display: none;
}
  </style>
 
  <script type="text/javascript">
    function openme() {
            document.getElementById('div1').style.display = 'block';
            document.getElementById('div2').style.display = 'block';
return false;
            }
   </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1" runat="server"></div>
    <div id="div2" runat="server" >
    <table width="30%" style="background-color:Red" >
    <tr>
    <td>testssss</td>
    </tr>
    </table>
 
    </div>
    <div>
    <Button ID="Button1" Text="Button" type="button" onclick="openme()" />
    </div>
     
    </form>
</body>
</html>

热点排行