ASP如何锁定当前页面？
当系统开始发布任务的时候，弹出一个窗口锁定当前的页面，提示“正在发布...”并显示发布的进度。当点取消或者发布任务完毕的时候，解除锁定然后跳转到指定页面，如何实现这种效果...
当系统开始发布任务的时候，弹出一个窗口锁定当前的页面，提示“正在发布...”并显示发布的进度。当点取消或者发布任务完毕的时候，解除锁定然后跳转到指定页面，如何实现这种效果？
问题我已经解决了，用了波迪的方法，但是后来自己改了下。谢谢拉！ 展开
问题我已经解决了，用了波迪的方法，但是后来自己改了下。谢谢拉！ 展开
6个回答
展开全部
给你做了个简单的个实例,但你到实际应用中可能要稍加改动
实现思路:用DIV的z-index属性实现,参考代码如下:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>原始窗口</title><style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#lockWindow {
position:absolute;
text-align:center;
left:0px;
top:0px;
width:0;
height:0;
z-index:70;
background-color: #CCCCCC;
filter:alpha(opacity=60);
display:none;
}
#MsgWindow {
position:absolute;
text-align:center;
left:0px;
top:0px;
width:0;
height:0;
z-index:100;
display:none;
}
-->
</style>
<script language="javascript">
function lockWindow(){
var lockDiv = document.getElementById("lockWindow");
var MsgWindow = document.getElementById("MsgWindow");
document.title="窗口已锁定";
lockDiv.style.width=document.body.scrollWidth;
lockDiv.style.height=document.body.scrollHeight;
lockDiv.style.display="block";
MsgWindow.style.top=document.body.clientHeight/4;
MsgWindow.style.left=document.body.clientWidth/3.5;
MsgWindow.style.display="block";
}
function unlockWindow(){
var lockDiv = document.getElementById("lockWindow");
var MsgWindow = document.getElementById("MsgWindow");
document.title="窗口已解除锁定";
lockDiv.style.width=0;
lockDiv.style.height=0;
lockDiv.style.display="none";
MsgWindow.style.display="none";
}
</script>
</head>
<body>
<div align="center">
<div id="lockWindow">
</div>
<div id="MsgWindow">
<table width="403" border="0" cellspacing="1" bgcolor="#3399FF">
<tr>
<td width="399" height="25" align="center" bgcolor="#3399FF">点击按钮解除窗口锁定</td>
</tr>
<tr>
<td height="100" bgcolor="#FFFFFF">当系统开始发布任务的时候，弹出一个窗口锁定当前的页面，提示“正在发布...”并显示发布的进度。当点取消或者发布任务完毕的时候，解除锁定然后跳转到指定页面，如何实现这种效果？</td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF"><input type="button" name="Submit" value="解除锁定" onclick="unlockWindow()"></td>
</tr>
</table>
</div>
<p>asdsad</p>
<p>sa</p>
<form id="form1" name="form1" method="post" action="">
<label>
<textarea name="textarea" cols="80" rows="20"></textarea>
</label>
<p>
<input type="button" name="Submit" value="锁定窗口" onclick="lockWindow()">
</p>
</form>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</body>
</html>
实现思路:用DIV的z-index属性实现,参考代码如下:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>原始窗口</title><style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#lockWindow {
position:absolute;
text-align:center;
left:0px;
top:0px;
width:0;
height:0;
z-index:70;
background-color: #CCCCCC;
filter:alpha(opacity=60);
display:none;
}
#MsgWindow {
position:absolute;
text-align:center;
left:0px;
top:0px;
width:0;
height:0;
z-index:100;
display:none;
}
-->
</style>
<script language="javascript">
function lockWindow(){
var lockDiv = document.getElementById("lockWindow");
var MsgWindow = document.getElementById("MsgWindow");
document.title="窗口已锁定";
lockDiv.style.width=document.body.scrollWidth;
lockDiv.style.height=document.body.scrollHeight;
lockDiv.style.display="block";
MsgWindow.style.top=document.body.clientHeight/4;
MsgWindow.style.left=document.body.clientWidth/3.5;
MsgWindow.style.display="block";
}
function unlockWindow(){
var lockDiv = document.getElementById("lockWindow");
var MsgWindow = document.getElementById("MsgWindow");
document.title="窗口已解除锁定";
lockDiv.style.width=0;
lockDiv.style.height=0;
lockDiv.style.display="none";
MsgWindow.style.display="none";
}
</script>
</head>
<body>
<div align="center">
<div id="lockWindow">
</div>
<div id="MsgWindow">
<table width="403" border="0" cellspacing="1" bgcolor="#3399FF">
<tr>
<td width="399" height="25" align="center" bgcolor="#3399FF">点击按钮解除窗口锁定</td>
</tr>
<tr>
<td height="100" bgcolor="#FFFFFF">当系统开始发布任务的时候，弹出一个窗口锁定当前的页面，提示“正在发布...”并显示发布的进度。当点取消或者发布任务完毕的时候，解除锁定然后跳转到指定页面，如何实现这种效果？</td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF"><input type="button" name="Submit" value="解除锁定" onclick="unlockWindow()"></td>
</tr>
</table>
</div>
<p>asdsad</p>
<p>sa</p>
<form id="form1" name="form1" method="post" action="">
<label>
<textarea name="textarea" cols="80" rows="20"></textarea>
</label>
<p>
<input type="button" name="Submit" value="锁定窗口" onclick="lockWindow()">
</p>
</form>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你上网搜搜。也许会有好办法，asp难度太高了。找你身边的专家去吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
过程是这样的
发布任务的时候
用showModalDialog打开的窗口
该窗口页面使用xmlhttp提交任务
该窗口页面的xmlhttp得到成功或者失败请求的时候关闭，并跳转
所谓锁定就是showmodaldialog打开的窗口而已
至于xmlhttp发送信息可以看我空间的文章
难度也不是很大，只不过传值而已
发布任务的时候
用showModalDialog打开的窗口
该窗口页面使用xmlhttp提交任务
该窗口页面的xmlhttp得到成功或者失败请求的时候关闭，并跳转
所谓锁定就是showmodaldialog打开的窗口而已
至于xmlhttp发送信息可以看我空间的文章
难度也不是很大，只不过传值而已
参考资料： http://hi.baidu.com/nigou/blog/item/3da3572c3364e8ec8b139948.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的问题都没描述清楚，怎么让人回答你。
系统开始发布任务？什么系统发布任务？asp只不过是一种服务器端的脚本语言，在哪里发布任务？你这个意思很模糊。
系统开始发布任务？什么系统发布任务？asp只不过是一种服务器端的脚本语言，在哪里发布任务？你这个意思很模糊。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
很简单，你知要定义一个DIV在最顶层就行。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
此题有一定的难度啊， 波迪只是回答了1/3
我只是定一个思路吧
1 填写完要发布任务，点击发布任务
2 Application.lock 先锁定信息
3 用波迪的方法在弹出的层里显示完成情况的进度条
4 发布完成信息，Application.Unlick 解除锁定
如果中间 中止则没有完成发布也就不会写入表或其它。。。。
代码自己网上可以找，提问时一定要写清你想要干什么，不然大家只能凭自己的想法去回，不一定是你想要的
我只是定一个思路吧
1 填写完要发布任务，点击发布任务
2 Application.lock 先锁定信息
3 用波迪的方法在弹出的层里显示完成情况的进度条
4 发布完成信息，Application.Unlick 解除锁定
如果中间 中止则没有完成发布也就不会写入表或其它。。。。
代码自己网上可以找，提问时一定要写清你想要干什么，不然大家只能凭自己的想法去回，不一定是你想要的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
