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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Activity 跳转详解

    Activity 跳转详解Activity跳转详解你好!我是Graydalf,有可能也叫Gdalf~今天被朋友问到如何设置一个广播来启动一个应用并显示数据,于是将自己了解到的记录下来,有什么较为DEMO的地方希望你能留言告诉我,因为我们都是GitHub嘛~~本节说明:Activity跳转的方式;跳转传值问题(包括非Activity的跳转到Activity);跳转传递值时生命周期回调函数调用情况

    2022年5月22日
    32
  • Google搜索解析规则-更准确的使用谷歌搜索引擎获取到自己想要的内容

    Google搜索解析规则-更准确的使用谷歌搜索引擎获取到自己想要的内容如果票选近二十年最伟大的发明,我相信搜索引擎肯定会占据一个不容小觑的位置,它不单是一项发明,更是一项成就,最大程度消灭了信息的不平等。既然人人都可以接触到海量的信息,那么衡量信息财富多寡就只剩下技巧这惟一的标准了:善用搜索引擎的都是信息时代的富翁,不懂搜索引擎的都是信息时代的负翁。而像程序员这种必须终生学习的职业,搜索引擎就是我们的左膀右臂。懂搜索引擎就是我们的基本功,不,应该是童子功。只

    2022年6月30日
    49
  • java IO流的概念理解「建议收藏」

    java IO流的概念理解「建议收藏」1.JavaIo流的概念,分类,类图。1.1JavaIo流的概念  java的io是实现输入和输出的基础,可以方便的实现数据的输入和输出操作。在java中把不同的输入/输出源(键盘,文件,网络连接等)抽象表述为“流”(stream)。通过流的形式允许java程序使用相同的方式来访问不同的输入/输出源。stram是从起源(source)到接收的(sink)的有序数据。注:ja…

    2022年10月20日
    1
  • rabitmq,redis以及kafuka作为消息队列的区别[通俗易懂]

    rabitmq,redis以及kafuka作为消息队列的区别[通俗易懂]kafukakafuka涉及到的名词词意解释:Kafka作为时下最流行的开源消息系统,被广泛地应用在数据缓冲、异步通信、汇集日志、系统解耦等方面。相比较于RocketMQ等其他常见消息系统,Kafka在保障了大部分功能特性的同时,还提供了超一流的读写性能。针对Kafka性能方面进行简单分析,相关数据请参考:https://segmentfault.com/a/119000000398…

    2022年4月30日
    51
  • 最新 Cocos2d-x 3.2 开发环境搭建(windows环境下)

    最新 Cocos2d-x 3.2 开发环境搭建(windows环境下)

    2021年12月5日
    47
  • 搜狐视频P2P技术揭秘 – 流程篇

    搜狐视频P2P技术揭秘 – 流程篇本文介绍了搜狐视频P2P技术的整体业务流程,包括服务的调用,打洞等,比较详细。

    2022年6月19日
    25

发表回复

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

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