弹出层时使弹出层的页面不能进行操作的实现（模态窗体）1

最新推荐文章于 2021-06-04 19:17:15 发布

xbf321

最新推荐文章于 2021-06-04 19:17:15 发布

阅读量1.5k

点赞数

分类专栏： [01].Net技术专栏文章标签： locking function button border 框架 action

本文链接：https://blog.csdn.net/xbf321/article/details/1428841

版权

[01].Net技术专栏专栏收录该内容

72 篇文章 0 订阅

订阅专栏

在该页面上，点击“回复”会弹出一个没有标题栏和关闭按扭的自定义的页面！但是弹出层的同时层下面的页面好象都被锁死了。如果弹出的页面不关闭的话将无法操作层下面的页面。只有关闭了弹出的层以后才能再次操作.
实现以上操作的例子!

<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">

<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="" οnsubmit="return Lock_CheckForm(this);">
   <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=" 关    闭 " οnclick=" return closeW();"></TD>
   </TR>
   </TABLE>
</form>
      </div>

</body>
</html>

xbf321

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
弹出层时使弹出层的页面不能进行操作的实现（模态窗体）1

在该页面上，点击“回复”会弹出一个没有标题栏和关闭按扭的自定义的页面！但是弹出层的同时层下面的页面好象都被锁死了。如果弹出的页面不关闭的话将无法操作层下面的页面。只有关闭了弹出的层以后才能再次操作. 实现以上操作的例子!function locking(){ document.all.ly.style.display="block"; document.all.ly.style.width
复制链接

扫一扫