一个有关DIV 遮蔽层的问题 大神们啊 帮帮忙~！
0
悬赏园豆：30
[已解决问题]
解决于 2010-11-25 14:52
在页面中 有一个TextBox 控件以及 一个按钮 当点击按钮时 弹出一个 遮蔽层 当弹出遮蔽层时 此页面禁止任何操作除关闭以外 。 往 TextBox中输入相应的字段 点击按钮从数据库中查询出相应的数据，在这段时间里 当点击 按钮查询时 弹出 遮蔽层 当弹出遮蔽层后 其实是在查询数据 这里需要给遮蔽层设置个时间 比如说 一分钟内没有查询处 遮蔽层 自动退去 弹出 未查到。
帮帮忙啊 ~~！！
问题补充：
我现在可以当点击按钮时 弹出个遮蔽层 也可以让他自动小时
我用的JS脚本写的
可加QQ： 380658934
最佳答案
0
如果楼主用jq的话,搜下jquery.blockUI锁屏插件吧,使用很简单,然后在你的ajax的success方法中根据返回的结果来决定是否解锁...
补充:
<!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>
<title>loadding</title>
<style type="text/css">
* { padding: 0; margin: 0; }html, body { font-size: 12px; text-align: center; }
.hide { display: none; }
#btnSearch{ margin:20px 0;}
#container { position: relative; width: 500px; height: 500px; line-height:500px; border: 1px solid #666; margin: 0 auto; }
#loadding { position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -10px; width: 80px; height: 20px; line-height: 25px; border: 1px solid #f60; background-color:#FAFBFC; }
</style>
<script type="text/javascript">
function loadding() {
document.getElementById("loadding").style.display = "block";
setTimeout(fnTimeOut, 6000); //6秒钟之后页面没刷新则隐藏loadding
}
function fnTimeOut() {
document.getElementById("loadding").style.display = "none";
alert("查询已经超时!");
}
</script>
</head>
<body>
<input type="button" id="btnSearch" name="btnSearch" value=" 查 询 " onclick="loadding()" />
<div id="container">
数据显示容器
<div id="loadding" class="hide">
加载中...</div>
</div>
</body>
</html>
收获园豆：30
不让用JQUERY 啊 问题是 这个问题挺让人蛋疼的
其他回答(2)
0
这个，让大伙帮你把代码写出来？
给点参考也行 这个真没弄明白
@Fallen Angel.:查遮蔽层的实现，然后用提交成功ajax返回内容，根据返回内容关闭遮蔽层。
0
不用ajax 不行吧， 用AJAX 返回你查询的结果 根据结果 操作 遮屏DIV
整个过程不能有刷新 不能用服务器控件
