.net中div置于顶层+iframe
aspx代码:
<td>
<asp:Button ID="BtnDownPPT" runat="server" OnClientClick="ShowPPT();" Text=" 公报下载 "
Visible="false" />
</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的更多相关文章
- html css将图片或div置于顶层
在做这个功能时,图片被挡住了.. 解决办法 在这个图片的css里加上z-index:数字:(数字可以为正也可以为负数) z-index:1肯定在z-index:-1的上面 用这个属性来给div分层 是 ...
- 下拉菜单被挡住了,DIV置于最底层的方法
网站常会用到一些 下拉菜单,,幻灯片,,,飘浮广告等. 但经常会发现.幻灯片会挡住下拉菜单或者飘浮广告等.解决办法有下 第一,可将幻灯片所在DIV 置于最底层.添加CSS如下 style=" ...
- IOS中div contenteditable=true无法输入
在IOS中<div contenteditable="true"></div>中点击时可以弹出键盘但是无法输入.加一个样式-webkit-user-sele ...
- CSS div水平垂直居中和div置于底部
一.水平居中 .hor_center { margin: 0 auto; } 二.水平垂直居中 .content { width: 360px; height: 240px; } .ver_hor_c ...
- 点击a标签,跳转到iframe中,并在iframe中显示指定的页面
点击a标签,跳转到iframe中,并在iframe中显示指定的页面 1.用a标签的target属性 <iframe id="myFrameId" name="myF ...
- html中div定位练习
html中div定位练习,实现简单的计划列表: 记录div定位时主要的属性:float.position等,以及对应的relative和absolute等,同时使用到angular js中的数据绑定, ...
- 页面加载时,页面中DIV随之滑动出来;去掉页面滚动条
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
- ie7下div覆盖在iframe上方,ie8就不行,怎么解决
<div style="position:relative;display:inline-block;width:178px;height:90px;z-index:9999;top: ...
- Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性!
Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性! <div style="cursor:pointer;" onclick="sele ...
随机推荐
- MySql不支持事务解决
用的是一个绿色版的mysql数据库,发现不支持事务,在网络上搜集资料找到解决方案: 1.执行语句 SHOW ENGINES; 如果发现InnoDB全部显示为“YES”,说明该版本的数据库支持事务 2 ...
- 清北学堂 Pa
PA[题目描述]汉诺塔升级了:现在我们有?个圆盘和?个柱子,每个圆盘大小都不一样,大的圆盘不能放在小的圆盘上面,?个柱子从左到右排成一排.每次你可以将一个柱子上的最上面的圆盘移动到右边或者左边的柱子上 ...
- asp.net 的那点事(1、当用户在浏览器地址栏输入了网址后,发生了什么?)
从今天开始我将抽出空闲时间复习asp.net相关知识.此篇博文只是为了记录学习当中的知识点和感觉到比较重要的知识点. 本人才疏学浅,如有遗漏或者错误希望广大博友尽情拍砖.我会在后续中进行更正. 这个问 ...
- IIS自定义404错误页显示“系统找不到指定的文件”解决方法
在IIS站点属性里面设置了自定义的404错误页面为一个文件之后,有时一直不生效,总是提示这样一句话:“系统找不到指定的文件”. 其实这种错误也只是在某些网站程序中出现,其实解决办法很简单.这是由于II ...
- Java学习笔记--xml构造与解析之Sax的使用
汇总:xml的构造与解析 http://www.cnblogs.com/gnivor/p/4624058.html 参考资料:http://www.iteye.com/topic/763895 利用S ...
- JDBC 基础概念
1.概念:java与数据库连接 2.JDBC:是一个规范,提供接口(面向接口编程) 3.JDBC API:提供程序员调用的接口和类,集成在java.sql和javax.sql包中.如:DriverMa ...
- AndroidStudio push代码到github
步骤 1 studio的git配置: 安装好git后启动Androidstudio,打开如下路径File->Settings->Version Control(展开)->git 在P ...
- maven POM.xml 标签详解
pom作为项目对象模型.通过xml表示maven项目,使用pom.xml来实现.主要描述了项目:包括配置文件:开发者需要遵循的规则,缺陷管理系统,组织和licenses,项目的url,项目的依赖性,以 ...
- HTTP缓存机制梳理
一般只对GET类型请求做缓存,对POST不做缓存 缓存协商 指浏览器和Web服务器之间对于是否使用浏览器端缓存的协商.对于较小的文件内容,由于缓存协商仍需要发送请求,所以吞吐率提高不大:但没有正文传输 ...
- win10系统加载ahci驱动的操作方案(Win10之家)
win10系统使用的过程中很多用户会想要加载ahci驱动,但是大部分用户根本不知道怎么操作加载ahci驱动,这样的话很多用户会遇到一些问题,那如果使用的过程中想要加载ahci驱动的话我们应该怎么操作呢 ...