社区
JavaScript
帖子详情
如何让整个页面不可用?
treeroot
2007-01-12 04:53:22
disabled设为true可以变成灰色
但是还可以响应各种事件,可以点击
如果让页面不可用,就像弹出了模态对话框那样
...全文
504
9
打赏
收藏
如何让整个页面不可用?
disabled设为true可以变成灰色 但是还可以响应各种事件,可以点击 如果让页面不可用,就像弹出了模态对话框那样
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
疯狂的驴子
2011-10-27
打赏
举报
回复
[Quote=引用 4 楼 mars_zhou 的回复:]
function lockScreen(){
var oPop = document.createElement( "DIV ");
var x,y,w,h;
x = 0;
y ……
[/Quote]
太感谢这位大侠了。要的就是这种效果。
hebeijg
2008-07-24
打赏
举报
回复
up
lkh42002
2007-01-12
打赏
举报
回复
禁止事件冒泡,将所有事件的returnValue=false
treeroot
2007-01-12
打赏
举报
回复
下拉框还是可以选择
Mars_ZHOU
2007-01-12
打赏
举报
回复
function lockScreen(){
var oPop = document.createElement("DIV");
var x,y,w,h;
x = 0;
y = 0;
w = screen.availWidth;
h = screen.availHeight;
oPop.style.position = "absolute";
oPop.style.top = 0;
oPop.style.left = 0;
oPop.style.width = w;
oPop.style.height = h;
oPop.style.zIndex = 10000;
oPop.style.backgroundColor = "gray";
oPop.style.filter = "alpha(opacity=50)";
document.body.insertAdjacentElement("beforeEnd",oPop);
oPop.setCapture();
}
xiao7cn
2007-01-12
打赏
举报
回复
用div把整个页面盖住就行.
<!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" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta name="verify-v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" />
<title>
政策文件_中国电力工程造价信息网</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<meta name="KeyWords" content="电力工程造价,价格信息,装材,设备,电力工程" />
<meta name="description" content="电力工程造价信息" />
<style type="text/css">
*{
margin:0;padding:0;
}
</style>
</head>
<body>
<div class="cecmbody" id="cecmpolicy">
<div class="leftClass">
<p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<input type="button" value="点击这里" onclick="sAlert('Microsoft Windows XP',this);" /> <p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
</div>
<script type="text/javascript" language="javascript">
function sAlert(txt){
var eSrc=(document.all)?window.event.srcElement:arguments[1];
var shield = document.createElement("DIV");
shield.id = "shield";
shield.style.position = "absolute";
shield.style.left = "0px";
shield.style.top = "0px";
shield.style.width = "100%";
shield.style.height = document.body.scrollHeight+"px";
shield.style.background = "#333";
shield.style.textAlign = "center";
shield.style.zIndex = "10000";
shield.style.filter = "alpha(opacity=0)";
shield.style.opacity = 0;
var alertFram = document.createElement("DIV");
alertFram.id="alertFram";
alertFram.style.position = "absolute";
alertFram.style.left = "50%";
alertFram.style.top = "50%";
alertFram.style.marginLeft = "-225px" ;
alertFram.style.marginTop = -75+document.documentElement.scrollTop+"px";
alertFram.style.width = "450px";
alertFram.style.height = "150px";
alertFram.style.background = "#ccc";
alertFram.style.textAlign = "center";
alertFram.style.lineHeight = "150px";
alertFram.style.zIndex = "10001";
strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";
strHtml += "<li style=\"background:#DD828D;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;\">[系统提示]</li>\n";
strHtml += "<li style=\"background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;\">"+txt+"</li>\n";
strHtml += "<li style=\"background:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"确 定\" id=\"do_OK\" onclick=\"doOk()\" /></li>\n";
strHtml += "</ul>\n";
alertFram.innerHTML = strHtml;
document.body.appendChild(alertFram);
document.body.appendChild(shield);
this.setOpacity = function(obj,opacity){
if(opacity>=1)opacity=opacity/100;
try{
obj.style.opacity=opacity; }catch(e){}
try{
if(obj.filters.length>0&&obj.filters("alpha")){
obj.filters("alpha").opacity=opacity*100;
}else{
obj.style.filter="alpha(opacity=\""+(opacity*100)+"\")";
}
}catch(e){}
}
var c = 0;
this.doAlpha = function(){
if (++c > 20){clearInterval(ad);return 0;}
setOpacity(shield,c);
}
var ad = setInterval("doAlpha()",1);
this.doOk = function(){
//alertFram.style.display = "none";
//shield.style.display = "none";
document.body.removeChild(alertFram);
document.body.removeChild(shield);
eSrc.focus();
document.body.onselectstart = function(){return true;}
document.body.oncontextmenu = function(){return true;}
}
document.getElementById("do_OK").focus();
eSrc.blur();
document.body.onselectstart = function(){return false;}
document.body.oncontextmenu = function(){return false;}
}
</script>
</body>
</html>
treeroot
2007-01-12
打赏
举报
回复
http://www.zhuaxia.com/indexFrame.php#showAddChannel()
点击 我的收藏
这种效果
源代码被压缩了,看不清楚
ice_berg16
2007-01-12
打赏
举报
回复
用一个Iframe把屏幕占满
JavaScript置
页面
不
可用
这个时候就要求对
页面
的输入项至为不可输入。一些文本框上的双击事件也要相应的置为不
可用
。但这个时候一般按钮还要能使用。这个可以用javascript轻易的实现。 function setEveryDis(){ //设置输入框和复选框和...
Android 如何把整个
页面
置为灰色?
当饱和度为零时,此时整个
页面
就会变成灰色,当饱和度为1时,为原本的颜色。同时不影响已有的逻辑。但如果已经开发完成,或者不仅局限于某个Button时(如整个APP的所有
页面
), 通过状态的方式工作量巨大。所以需要...
如何让div覆盖整个
页面
?
如何让div覆盖整个
页面
??? 2011-1-3 如何让AJAX 请求回来的
页面
直接覆盖div里的内容 2010-12-8 div+css+js弹出div层窗口变灰,要覆盖整个
页面
,代码写清楚点,最好注... 5 2011-11-15 iframe,div弹出...
单
页面
应用的优点和缺点
1,用户体验好,快,内容的改变不需要重新加载整个
页面
,基于这一点spa对服务器压力较小 2,前后端分离 3,
页面
效果会比较炫酷(比如切换
页面
内容时的专场动画) 缺点: 1,不利于seo 2,导航不
可用
,如果一定要导航...
vue单
页面
的优缺点?
用户体验好,快,内容的改变不需要重新加载整个
页面
,对服务器的压力小,前后端分离,比如vue项目 完全前端组件化,前端开发不再以
页面
为单位,更多的采用组件化的思想,代码结构和组织更加规范化,便于修改和调整...
JavaScript
87,916
社区成员
224,617
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章