弹出层并屏蔽父窗口(防刷新、后退、关闭窗口)
来源:互联网 发布:手机淘宝10.0 编辑:程序博客网 时间:2024/05/01 03:21
<script type="text/javascript" language="javascript">
document.onmouseover=function(){
if(event.srcElement.id != "tijiao"){
window.onbeforeunload = function(){
return "如果您离开本页面,那么您本次的操作将视为无效!";
}
}
else{
window.onbeforeunload = null;
}
};
function ShowNo() //隐藏两个层
{
document.getElementById("doing").style.display="none";
document.getElementById("loading").style.display="none";
}
function $(id)
{
return (document.getElementById) ? document.getElementById(id) : document.all[id] ;
}
function showFloat() //根据屏幕的大小显示两个层
{
var range = getRange();
$('doing').style.width = range.width + "px";
$('doing').style.height = range.height + "px";
$('doing').style.display = "block";
document.getElementById("loading").style.display="";
}
function getRange() //得到屏幕的大小
{
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 } ;
}
</script>
<style type="text/css">
body{margin:0px;}
</style>
<form id="form1" runat="server">
<a id="tijiao" href="javascript:void(0)" onclick="showFloat()">提交</a>
<div style="margin:auto;height:500px; width:300px;text-align:center;line-height:500px;">此处添加表单信息</div>
<!--加一个半透明层-->
<div id="doing" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;background-color:#000;width:100%;height:100%;z-index:1000;position: absolute;left:0;top:0;display:none;overflow: hidden;">
</div>
<!--加一个等待层-->
<div id="loading" style="border:solid 10px #898989;background:#fff;padding:10px;width:780px;z-index:1001; position: absolute; display:none;top:50%; left:50%;margin:-200px 0 0 -400px;">
<div style="padding:3px 15px 3px 15px;text-align:left;vertical-align:middle;" >
<div>
数据正在请求中,请稍等...
</div>
</div>
</div>
</form>
- 弹出层并屏蔽父窗口(防刷新、后退、关闭窗口)
- 关闭弹出窗口,刷新父窗口!!
- 如何关闭弹出窗口,刷新父窗口?
- 关闭弹出窗口,刷新父窗口
- 如何刷新弹出窗口父窗口,关闭弹出窗口
- 在NET中关闭弹出窗口并刷新父页面
- 弹出模态窗口关闭并刷新父窗体
- javascipt关闭窗口,并刷新父窗口
- 关闭子窗口 并 刷新父窗口
- lhgDialog弹出的窗口关闭方法,并刷新层后面的页面
- showModalDialog依次弹出两个模态窗口.两个窗口同时关闭并刷新父窗体
- No 20 · 关闭弹出窗口刷新父窗口
- 关闭子窗口刷新父窗口 不弹出询问对话框
- 弹出子窗口 关闭新窗口刷新父窗口
- JavaScript:关闭弹出窗口时刷新父窗口
- JavaScript:关闭弹出窗口时刷新父窗口
- 浮层 刷新 浮层关闭父窗口刷新
- 弹出模态窗口,关闭并刷新页面
- UnsupportedClassVersionError
- iSpring Free 3.5 (7.0MB) ——专业PPT转SWF,保证您喜欢
- table的操作我找获得行tr行号查过的资料,及隐藏等操作
- 在GreenBrowser中使用35766书签
- 奥运会历史上最另类排行榜
- 弹出层并屏蔽父窗口(防刷新、后退、关闭窗口)
- 螺旋队列
- 显示器的分辨率变化如走马灯,叫我如何适应它
- 关于MYSQL字段长度设置的问题
- 开个淘宝小店
- 使用c++开发学习笔记
- SQL Server 2005数据库
- javascript的一下常用的
- Unix系统日志介绍和集中采集思路