弹出层时使弹出层的页面不能进行操作的实现
2007-10-18 10:25
429 查看
<html>
<head>
</head>
<body>
<p align="center">
<script>
function locking(){
document.all.ly.style.display="block";
document.all.ly.style.width=document.body.clientWidth;
document.all.ly.style.height=document.body.clientHeight;
document.all.Layer2.style.display='block';
}
function Lock_CheckForm(theForm){
if(theForm.P_USERPASS.value==''){alert("错误:请输入你的用户密码!");theForm.P_USERPASS.focus();return false;}
if(theForm.P_USERPASS.value !='123'){alert("错误:密码错误!");theForm.P_USERPASS.value='';theForm.P_USERPASS.focus();return false;}
else{
document.all.ly.style.display='none';document.all.Layer2.style.display='none';
}
return false;
}
function closeW()
{
document.all.ly.style.display='none';document.all.Layer2.style.display='none';
return false;
}
</script>
</p>
<p align="center">
<INPUT TYPE="button" value="显示层" >
</p>
<div id="ly" style="position:absolute;top:0px;FILTER: alpha(opacity=60);background-color:#777; z-index:2; left: 0px;display:none;"> </div>
<!-- 浮层框架开始 -->
<div id="Layer2" align="center" style="position:absolute; z-index:3; width: 540; height:170px;left:expression((document.body.offsetWidth-540)/2); top: expression((document.body.offsetHeight-170)/2);background-color:#fff;display:none;" valign="center">
<form method="POST" action="" >
<TABLE width=540 height=170 border=0 cellpadding=0 cellspacing=0 style="border:0 solid #e7e3e7;border-collapse: collapse">
<TR>
<TD style="background-color:#73A2d6;color:#fff;padding-left:4px;padding-top:2px;font-weight:bold;font-size:14px;" height=27 valign="center">[ 警 告 ]</TD>
</TR>
<TR>
<TD align="center" valign="center">请输入解除锁定密码<p><input type="text" name="P_USERPASS" size="20"></TD>
</TR>
<TR>
<TD height=30 align="center"><INPUT type="submit" value=" 确 定 "> <INPUT type="button" value=" 关 闭 " ></TD>
</TR>
</TABLE>
</form>
</div>
<!-- 浮层框架结束 -->
</body>
</html>
<head>
</head>
<body>
<p align="center">
<script>
function locking(){
document.all.ly.style.display="block";
document.all.ly.style.width=document.body.clientWidth;
document.all.ly.style.height=document.body.clientHeight;
document.all.Layer2.style.display='block';
}
function Lock_CheckForm(theForm){
if(theForm.P_USERPASS.value==''){alert("错误:请输入你的用户密码!");theForm.P_USERPASS.focus();return false;}
if(theForm.P_USERPASS.value !='123'){alert("错误:密码错误!");theForm.P_USERPASS.value='';theForm.P_USERPASS.focus();return false;}
else{
document.all.ly.style.display='none';document.all.Layer2.style.display='none';
}
return false;
}
function closeW()
{
document.all.ly.style.display='none';document.all.Layer2.style.display='none';
return false;
}
</script>
</p>
<p align="center">
<INPUT TYPE="button" value="显示层" >
</p>
<div id="ly" style="position:absolute;top:0px;FILTER: alpha(opacity=60);background-color:#777; z-index:2; left: 0px;display:none;"> </div>
<!-- 浮层框架开始 -->
<div id="Layer2" align="center" style="position:absolute; z-index:3; width: 540; height:170px;left:expression((document.body.offsetWidth-540)/2); top: expression((document.body.offsetHeight-170)/2);background-color:#fff;display:none;" valign="center">
<form method="POST" action="" >
<TABLE width=540 height=170 border=0 cellpadding=0 cellspacing=0 style="border:0 solid #e7e3e7;border-collapse: collapse">
<TR>
<TD style="background-color:#73A2d6;color:#fff;padding-left:4px;padding-top:2px;font-weight:bold;font-size:14px;" height=27 valign="center">[ 警 告 ]</TD>
</TR>
<TR>
<TD align="center" valign="center">请输入解除锁定密码<p><input type="text" name="P_USERPASS" size="20"></TD>
</TR>
<TR>
<TD height=30 align="center"><INPUT type="submit" value=" 确 定 "> <INPUT type="button" value=" 关 闭 " ></TD>
</TR>
</TABLE>
</form>
</div>
<!-- 浮层框架结束 -->
</body>
</html>
相关文章推荐
- 弹出层时使弹出层的页面不能进行操作的实现(模态窗体)1
- 弹出层时使弹出层的页面不能进行操作的实现(模态窗体)2
- 表中多个按钮进行操作不需要跳转页面的实现
- 如何实现移动端弹出层弹出的时候页面不能滑动,关闭弹出层时页面恢复滑动
- jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
- js实现弹出窗口、页面变成灰色并不可操作的例子分享
- Android编程实现长按弹出选项框View进行操作的方法
- 实现移动端弹出层弹出的时候页面不能滑动,关闭弹出层时页面恢复滑动
- Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- 退出后点击浏览器后退不能回到成功页面;直接进入页面和跳转进入页面样式不同;防止直接输入页面地址或servlet;当servlet跳servlet时,进行其他操作后后退出现错误!
- [Selenium]通过Selenium实现在当前浏览器窗口点击一个图标之后,弹出另外一个窗口,关闭这个窗口,再回到原来的窗口进行操作
- asp.net 页面弹出层,背景变灰不能操作
- js实现弹出窗口、页面变成灰色并不可操作的例子分享
- asp.net 页面弹出层,背景变灰不能操作
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- zTree插件和layer弹出层结合进行添加,删除,修改操作时,针对出现调用父父页面方法出现问题,解决方法
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- Java实现点击按钮弹出新窗体的功能实现,旧窗体不进行操作