社区
JavaScript
帖子详情
如何让整个页面不可用?
treeroot
2007-01-12 04:53:22
disabled设为true可以变成灰色
但是还可以响应各种事件,可以点击
如果让页面不可用,就像弹出了模态对话框那样
...全文
503
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(){ //设置输入框和复选框和单选框
不可
用 var b=doc
Android 如何把
整个
页面
置为灰色?
为此可以通过给布局根节点的View(ViewGroup)添加上饱和度过滤器来实现。当饱和度为零时,此时
整个
页面
就会变成灰色,当饱和度为1时,为原本的颜色。同时不影响已有的逻辑。但如果已经开发完成,或者不仅局限于某个Button时(如
整个
APP的所有
页面
), 通过状态的方式工作量巨大。所以需要一种非侵入式的方式去掉View的色彩,降低工作量。开发Android应用时,当某功能
不可
用时,需要把该View变为灰色。或者某个特殊节日时,也需要把
整个
页面
置灰。正常情况下,单个按钮可以通过给按钮添加多种状态来实现。
如何让div覆盖
整个
页面
?
得到div高宽 var hA =document.getElementById("div1"); hA.style.width = window.screen.availWidth-20; //得到宽度 var s_height=document.body.scrollHeight; if(s_height
单
页面
应用的优点和缺点
单
页面
应用的优点和缺点 优点: 1,用户体验好,快,内容的改变不需要重新加载
整个
页面
,基于这一点spa对服务器压力较小 2,前后端分离 3,
页面
效果会比较炫酷(比如切换
页面
内容时的专场动画) 缺点: 1,不利于seo 2,导航
不可
用,如果一定要导航需要自行实现前进、后退。(由于是单
页面
不能用浏览器的前进后退功能,所以需要自己建立堆栈管理) 3,初次加载时耗时多 4,
页面
复杂度提高很多 ...
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章