asp.net弹出层实例

asp.net弹出层实例

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

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

<!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></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <ul>
      <li>操作一</li>
      <li>操作二</li>
      <li><asp:Button ID="btnShow" runat="server" Text="操作三(点击我弹出层)" OnClientClick="return ShowBlock();" /></li>
      <li>操作四</li>
      <li>操作五</li>
     </ul>
    </div>

    <!--弹出层,-->   
    <div id="divNewBlock" style=" border:solid 1px;padding:10px;width:600px;z-index:1001; 
        position: absolute; display:none;top:50%; left:10%;margin:-50px;">
            <div style="padding:3px 15px 3px 15px;text-align:left;vertical-align:middle;" >
                <div>
                   弹出层,平时在隐藏状态,这里能够放控件,载入数据。操作数据等。
                </div>
                <div>     
                    <asp:Button ID="BtnOperation" runat="server" Text="操作button" OnClientClick="return Operate();"/> 
                    
                    <asp:Button ID="BttCancel"  runat="server" Text="关闭" OnClientClick="return HideBlock();" />
                </div>
            </div>
      </div> 
    </form>
</body>

<script type="text/javascript" language="javascript">
    function HideBlock() {
        document.getElementById("divNewBlock").style.display = "none";
        return false;
    }

    function ShowBlock() {
        var set = SetBlock();
        document.getElementById("divNewBlock").style.display = "";
        return false;
    }

    function SetBlock() {
        var top = document.body.scrollTop;
        var left = document.body.scrollLeft;
        var height = document.body.clientHeight;
        var width = document.body.clientWidth;

        if (top == 0 && left == 0 && height == 0 && width == 0) {
            top = document.documentElement.scrollTop;
            left = document.documentElement.scrollLeft;
            height = document.documentElement.clientHeight;
            width = document.documentElement.clientWidth;
        }
        return { top: top, left: left, height: height, width: width };
    }

    function Operate() {
        return false;
    }
    </script>
</html>

asp.net弹出层实例

源代码地址:http://download.csdn.net/detail/yayun0516/8264489

版权声明:本文博客原创文章。博客,未经同意,不得转载。

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/117540.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Linux 设置oracle1521端口[通俗易懂]

    Linux 设置oracle1521端口[通俗易懂]centos5安装oracle实现其他机器连接,oracleserver与其他机器可以ping通,但由于linux防火墙默认是不开启1521端口的,应此需设置iptables;开始用命令设置:iptables-AINPUT-ptcp–dport1521-jACCEPTiptables-AOUTPUT-ptcp–sport1521-jACCEPT

    2022年5月29日
    45
  • matlab画圆的命令_matlab 如何画圆[通俗易懂]

    matlab画圆的命令_matlab 如何画圆[通俗易懂]展开全部symsab;ezplot((2-a).^2+(50-b).^2);为什么这样画只能出现一个点?636f707962616964757a686964616f31333335313161不能出现一个圆答:这时圆没有半径,r=0;symsab;ezplot((2-a).^2+(50-b).^2-1);解答:(MatlabR2013b)>>symsab&…

    2022年6月19日
    22
  • PermitRootLogin是基于UID还是用户名?

    PermitRootLogin是基于UID还是用户名?Sometimesitisfuntodigabitdeeperintohowthingsworkjusttosatisfyyourcuriositywhilelearningsomethingnew,likePermitRootLogin,forexample.DoesitchecktheUIDortheusername?Tod…

    2022年5月20日
    49
  • IDEA + Groovy脚本一键生成实体类,用法舒服,高效!

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 作者:悲凉的秋风 blog.csdn.net/qq_34371461/article/details/8057128…

    2021年6月27日
    92
  • 常用硬件知识点总结

    常用硬件知识点总结1、GPIO的8种工作模式①浮空输入:一般多用与外部按键输入。IO的电平状态是不确定的,完全由外部输入决定。输入引脚上任何噪声都会改变输入段检测到的电平。②带上拉输入:内接上拉电阻输入,当输入引脚悬空时读到的是1。③带下拉输入:内接下拉电阻输入,当输入引脚悬空时读到的是0。④模拟输入:应用ADC模拟输入⑤推挽输出:推挽电路是两个参数相同的三极管或MOSFET,以推…

    2022年7月22日
    7
  • android 查看本地数据库「建议收藏」

    android 查看本地数据库「建议收藏」本片播客主要想给大家介绍一下我当时在学习sqlite数据库的时候,不能打开目录,查看不了数据表的问题。(没有代码的逻辑,纯操作!!)如果使用模拟器的话,一般不会出现这个问题。由于我(可能很多人)用的是真机,所以碰到了这个问题。去网上搜索了各种解决方案,有的说命令行,有的说Re管理器,反正我没处理好,最后突然另辟蹊径,解决了,而且效率不错。再次分享给大家。

    2022年5月31日
    66

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号