弹出一个Panel(DIV),实例代码

aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
<script type="text/javascript">

  function pageLoad() {

       var queryDetail = $get("<%=Test.ClientID%>");
       if (queryDetail != null) {
           // call the savePanelPosition when the panel is moved
           $find('Drag').add_move(savePanelPosition);
           var elem = $get("<%=HiddenField1.ClientID%>");
           if (elem.value != "0") {
               var temp = new Array();
               temp = elem.value.split(';');
               // set the position of the panel manually with the retrieve value
               $find('<%=DragPanelExtender1.BehaviorID%>').set_location(new Sys.UI.Point(parseInt(temp[0]), parseInt(temp[1])));
           }
       }
   }

   function savePanelPosition() {
       var elem = $find('Drag').get_element();
       var loc = $common.getLocation(elem);
       var elem1 = $get("<%=HiddenField1.ClientID%>");
       // store the value in the hidden field
       elem1.value = loc.x + ';' + loc.y;
   } 


</script>
    <form id="form1" runat="server">
  
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
              <div style="width: 100%; height: 400px; background-color: Green">
         
        <asp:Panel ID="Test" runat="server" Width="20%" Height="20px" BackColor="Blue" Visible="false">
        <asp:Button ID="btn_close" runat="server" Text="关闭" οnclick="btn_close_Click" />
            ..............................
        </asp:Panel>
        <asp:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="Test" BehaviorID="Drag">
        </asp:DragPanelExtender>
        <asp:Button ID="Button1" runat="server" Text="Button" />
                
          <asp:Button ID="btn_show" runat="server" Text="弹出"    TabIndex="15" Width="78px" οnclick="btn_show_Click" />
        <asp:HiddenField ID="HiddenField1" runat="server"  Value="0"/>
          
          </div>
          </ContentTemplate>
        </asp:UpdatePanel>
     
    </form>
</body>
</html>

CS

CS

    protected void btn_show_Click(object sender, EventArgs e)
        {
            Test.Visible = true;
        }

        protected void btn_close_Click(object sender, EventArgs e)
        {           
            Test.Visible = false;
        }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

那小x的传说

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值