aspx代码:

<td>
  <asp:Button ID="BtnDownPPT" runat="server" OnClientClick="ShowPPT();" Text=" 公报下载 "
 Visible="false" />&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
 </td>

…………

<asp:Button ID="Btn_DownPPT" runat="server" Text=" 公报下载 " CssClass="displayNone"
                    OnClick="Btn_DownPPT_Click" />

…………

<div id='pageBase_Div' style='display: none; z-index: 12001; text-align: center;
        font-size: large; vertical-align: middle; position: absolute; left: 400px; top: 200px;
        padding: 5px 6px 0px 6px; border: 1px solid blue;' runat="server">
        <table>
            <tr>
                <td>
                    <img alt="请稍候......" src="../../App_Themes/Green/Images/loading.gif" />
                </td>
                <td valign="middle">
                    正在下载报表,请稍候......
                </td>
            </tr>
        </table>
    </div>
    <iframe id="pageBase_iframe" src="" scrolling="no" frameborder="0" style="position: absolute;
        top: 200px; left: 400px; display: none;" runat="server"></iframe>

js:

function showDownPPT() {
            //            debugger;
            $("#Btn_DownPPT").click();
            document.getElementById('divContent').style.display = 'none';
            var nums = document.getElementById("div_QueryCon");
            var buttons = nums.getElementsByTagName("input");
            for (var i = 0; i < buttons.length; i++) {
                buttons[i].style.color = "#000000"; //将按钮字体变黑
                buttons[i].disabled = true;

//所有按钮都置为不可用,所以不能再按钮中加入OnClick="Btn_DownPPT_Click"事件,所以要先触发 $("#Btn_DownPPT").click();
            }
            document.getElementById('BtnDownPPT').style.color = "#FF0000"; //下载按钮字体变红色
            var pagebase_div = document.getElementById('pageBase_Div');
            var pagebase_iframe = document.getElementById('pageBase_iframe');
            pagebase_div.style.display = "block";
            pagebase_iframe.style.width = pagebase_div.offsetWidth;
            pagebase_iframe.style.height = pagebase_div.offsetHeight;
            pagebase_iframe.style.top = pagebase_div.style.top;
            pagebase_iframe.style.left = pagebase_div.style.left;
            pagebase_iframe.style.zIndex = pagebase_div.style.zIndex - 1;
            pagebase_iframe.style.display = "block";
            setTimeout("HideDownPPT()", 70000); //默认70秒
        }
        function HideDownPPT() {
            //            debugger;
            var pagebase_div = document.getElementById('pageBase_Div');
            var pagebase_iframe = document.getElementById('pageBase_iframe');
            pagebase_div.style.display = "none";
            pagebase_iframe.style.display = "none";
            var nums = document.getElementById("div_QueryCon");
            var buttons = nums.getElementsByTagName("input");
            for (var i = 0; i < buttons.length; i++) {
                buttons[i].style.color = "#000000"; //将按钮字体变黑
                buttons[i].disabled = false;
            }
            document.getElementById('divContent').style.display = 'block';
        }

.net中div置于顶层+iframe的更多相关文章

  1. html css将图片或div置于顶层

    在做这个功能时,图片被挡住了.. 解决办法 在这个图片的css里加上z-index:数字:(数字可以为正也可以为负数) z-index:1肯定在z-index:-1的上面 用这个属性来给div分层 是 ...

  2. 下拉菜单被挡住了,DIV置于最底层的方法

    网站常会用到一些 下拉菜单,,幻灯片,,,飘浮广告等. 但经常会发现.幻灯片会挡住下拉菜单或者飘浮广告等.解决办法有下 第一,可将幻灯片所在DIV 置于最底层.添加CSS如下 style=" ...

  3. IOS中div contenteditable=true无法输入

    在IOS中<div contenteditable="true"></div>中点击时可以弹出键盘但是无法输入.加一个样式-webkit-user-sele ...

  4. CSS div水平垂直居中和div置于底部

    一.水平居中 .hor_center { margin: 0 auto; } 二.水平垂直居中 .content { width: 360px; height: 240px; } .ver_hor_c ...

  5. 点击a标签,跳转到iframe中,并在iframe中显示指定的页面

    点击a标签,跳转到iframe中,并在iframe中显示指定的页面 1.用a标签的target属性 <iframe id="myFrameId" name="myF ...

  6. html中div定位练习

    html中div定位练习,实现简单的计划列表: 记录div定位时主要的属性:float.position等,以及对应的relative和absolute等,同时使用到angular js中的数据绑定, ...

  7. 页面加载时,页面中DIV随之滑动出来;去掉页面滚动条

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

  8. ie7下div覆盖在iframe上方,ie8就不行,怎么解决

    <div style="position:relative;display:inline-block;width:178px;height:90px;z-index:9999;top: ...

  9. Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性!

    Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性! <div style="cursor:pointer;" onclick="sele ...

随机推荐

  1. C#多线程实践——线程同步

    下面的表格列展了.NET对协调或同步线程动作的可用的工具:                       简易阻止方法 构成 目的 Sleep 阻止给定的时间周期 Join 等待另一个线程完成      ...

  2. Sed命令学习

    1.Sed简介     流数据编辑器 Stream editer(sed),它是一种行编辑器(对应于全屏编辑器),一次处理一行的内容.默认不编辑原文件内容(-i会直接修改原文件).处理时,它先将当前符 ...

  3. LINUX VPS 查看系统信息命令

    系统# uname -a # 查看内核/操作系统/CPU信息# head -n 1 /etc/issue # 查看操作系统版本# cat /proc/cpuinfo # 查看CPU信息# hostna ...

  4. Arduino 板子 COM 接口找不到设备

    复位 Arduino 板子   1.打开官方的blink程序. 2.重新拔插usb. 3.点下载. 4.按住左上角的复位按键不放. 5.等显示开始下载瞬间松开按键.把握住那个瞬间. 6.多试验几次看能 ...

  5. HTML&CSS基础学习笔记1.14—有序列表及列表嵌套

    我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧. 有序列表 现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去 ...

  6. swift中的&-备

    参数的传递引用 类是引用类型,其他的数据类型如整型.浮点型.布尔型.字符.字符串.元组.集合.枚举和结构体全部是值类型. 有的时候就是要将一个值类型参数以引用方式传递,这也是可以实现的,Swift提供 ...

  7. documentElement vs body区别

    documentElement.scrollTop------>0因为,他包含head, body body.scrollTop------------------>才是正确的 scrol ...

  8. cf C. Sereja and Algorithm

    http://codeforces.com/contest/368/problem/C 从左向右记录从1位置到每一个位置上x,y,z的个数.然后判断在l,r区间内的x,y,z的关系满不满足abs(x- ...

  9. 工控主板对ISO7816智能卡标准的支持

    ISO7816是一套协议标准,这套协议不仅规定了智能IC卡的机械电气特性,而且还规定了智能IC卡的应用方法.智能IC卡的主要用途可归为身份识别.支付安全.加密/解密和信息存储四个方面.智能IC卡已经广 ...

  10. qmake使用实践:包含动态库的Qt4工程

    文章来源:http://blog.csdn.net/dbzhang800/article/details/6317006 本文是qmake的一个使用练习,是半年前所学的 分析与学习Qt Solutio ...