怎样阻挡本页面的点击直到另一个页面取消本页面的阻挡设定？

马行空牛耕田 2006-04-14 01:25:44
两个页面P1和P2，分别存在于两个FrameSet F1和F2中。

单击P1页面上的链接时，会引起P2页面的刷新（P2页面因为有些复杂的操作，会比较慢）。 如果用户频繁点击P1上的链接，那么后一次的点击导致的刷新会冲掉前一次的刷新，使得用户还没有看到前一次刷新的结果，该页面又变换了。

所以，我假想的解决方案是：
1、点击P1页面链接，弹出一个层？ 或者一个ModelDiagram？ 显示“正在处理，请稍候”的显示，此时无法再点击P1页面的其他链接！
2、开始刷新P2页面
3、在P2页面的最后，取消P1页面的层的显示？ 或者关闭弹出的ModelDiagram？

但是我不清楚具体怎样实现，那位大哥能给出意见来吗？谢谢！
...全文
479 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
天乐_那由他 2006-08-17
  • 打赏
  • 举报
 回复
收藏了～
马行空牛耕田 2006-04-22
  • 打赏
  • 举报
 回复
有人愿意回答这个问题么，否则我就结贴了！
chengjun01242 2006-04-20
  • 打赏
  • 举报
 回复
想问一下各位大哥，其他的元素都正常，为什么要特地把select元素隐藏一下，难道是html的bug吗？
马行空牛耕田 2006-04-19
  • 打赏
  • 举报
 回复
还是有些问题，我使用了一个“TableAdjust”的js table，它在双击鼠标的同时也会引发单击事件，所以上面的方案会阻止双击鼠标事件，比较郁闷，最终我还是选择做一个js 布尔变量来控制了，谢谢各位，明天结贴！
马行空牛耕田 2006-04-18
  • 打赏
  • 举报
 回复
最终还是采用meizz(梅花雪)的第二种方法，非常简单，只不过在点击P1并阻止页面时，会出现scroll bar，稍微有点欠雅观，有无办法解决呢？ 本身这个frameset的scrolling="auto"！
GaoXX 2006-04-15
  • 打赏
  • 举报
 回复
顶一下
Dogfish 2006-04-14
  • 打赏
  • 举报
 回复
点击完了就把p1锁了，直到 p2 load完。
BlueDestiny 2006-04-14
  • 打赏
  • 举报
 回复
to: netpotRL(←≮华丽的括号≯→)┅┅(JAVA精神BEAN)

这种很好解决的，blur掉就行了
马行空牛耕田 2006-04-14
  • 打赏
  • 举报
 回复
哇哇，这里高手多啊，赶紧看看先，多谢各位啦，呵呵
srgg 2006-04-14
  • 打赏
  • 举报
 回复
这样处理以下,按空格就没用啦
<button onClick="showPop('今天天气真好呀')" onfocus="this.blur();">test</button>
netpotRL 2006-04-14
  • 打赏
  • 举报
 回复
BlueDestiny(Leave For Back)

你的那个东西看来的确很炫，但是没太大作用

比如我点了一下按钮，然后不停的按空格，HOHO～～

自己试试吧！
BlueDestiny 2006-04-14
  • 打赏
  • 举报
 回复
to scsjs(闪电回归)

申楠不是我，我是懒得写了，就把他的代码贴出来，当然，版权也留了他的。贴别人的代码也得厚道些的
玄之丞 2006-04-14
  • 打赏
  • 举报
 回复
TO BlueDestiny(Leave For Back) ( ) 信誉：100
作者：申楠

呵呵，这个是你么？
本家呀！
meizz 2006-04-14
  • 打赏
  • 举报
 回复
filter 是IE特有的，在非IE浏览器里看你的代码后台是黑乎乎一团。
给你一个 filter cross browser 写法吧：

opacity: 0.6;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
filter:alpha(opacity=60);
BlueDestiny 2006-04-14
  • 打赏
  • 举报
 回复
<script language="javascript">
// JavaScript Document
/**
* 功能：显示提示窗口
* 作者：申楠 qq：38371354 email：amushen1@yahoo.com.cn http;//amushen.cnblogs.com
* 日期：2005-10-25
* 版本：1.0
* 备注：版权没有，随便拷贝，如果用于商业应用请通知本人，同时保留这段注释。
*
* 使用方法提示：
*/

/**
* 描述：显示提示层
* 作者：申楠
* 参数： 显示信息内容
* 返回： 无
* 日期：2005-10-25
*/
var ifm=null;
function showPop(info){
if(ifm==null){
ifm=document.createElement("<iframe allowTransparency='true' id='popframe' frameborder=0 marginheight=0 src='about:blank' marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=screen.availWidth;
ifm.style.height=screen.availHeight;
ifm.style.position="absolute";
ifm.style.left=0;
ifm.style.top=0;
ifm.name=ifm.uniqueID;
document.body.appendChild(ifm);
}else{
ifm.style.visibility="visible";
}
var win=window.frames[ifm.name];
win.document.write("<body leftmargin=0 topmargin=0 oncontextmenu='self.event.returnValue=false'><div id=popbg></div><div id=popbody></div></body>");
win.document.body.style.backgroundColor="transparent";

document.body.style.overflow="hidden";

var pBody=win.document.body.children[1];
var pBg=win.document.body.children[0];
hideAllSelect();
initBg(pBg);
initBody(pBody,info);
}

/**
* 描述：初始化背景层
* 作者：申楠
* 参数： obj;背景层
* 返回： 无
* 日期：2005-10-25
*/
function initBg(obj){
with(obj.style){
position="absolute";
left="0";
top="0";
width="100%";
height="100%";
visibility="hidden";
backgroundColor="#333333";
filter="blendTrans(duration=1) alpha(opacity=60)";
}

if (obj.filters.blendTrans.status != 2) {//no playing
obj.filters.blendTrans.apply();
obj.style.visibility="visible";
obj.filters.blendTrans.play();
}


}
/**
* 描述：初始化显示层
* 作者：申楠
* 参数： obj;显示层;info:显示内容;winName :the name of the iframe
* 返回： 无
* 日期：2005-10-25
*/
function initBody(obj,info){
with(obj.style){
position="absolute";
width="400";
height="150";
backgroundColor="#ffffff";
}
obj.style.left=window.document.body.clientWidth/2-200;
obj.style.top=window.document.body.clientHeight/3;
var str;
str="<table border=0 cellpadding=0 cellspacing=1 bgcolor=#000000 width=100% height=100%><tr height=20>";
str+="<td align=center style='color:#000000;font-size:14px;font-weight:bold' bgcolor=#9999ff>...:::提示:::...</td></tr>";
str+="<tr><td align=center bgcolor=#efefff style='font-size:12px;color:#000000;vertical-align: bottom;'>";
str+=info+"<br><br><button onclick='parent.closeWin()'>确定</button><br><br></td></tr></table>";
obj.innerHTML=str;
}

/**
* 描述：关闭一切
* 作者：申楠
* 参数： obj :the iframe 's name
* 返回： 无
* 日期：2005-10-25
*/
function closeWin(){
ifm.style.visibility="hidden";
showAllSelect();
document.body.style.overflow="auto";
}
/**
* describe:hide all select
* author:shennan
* params:
* return:
* date:2005-10-25
*/
function hideAllSelect(){
var obj;
obj=document.getElementsByTagName("SELECT");
var i;
for(i=0;i<obj.length;i++)
obj[i].style.visibility="hidden";
}
function showAllSelect(){
var obj;
obj=document.getElementsByTagName("SELECT");
var i;
for(i=0;i<obj.length;i++)
obj[i].style.visibility="visible";
}

</script>
<body>
<button onClick="showPop('今天天气真好呀')">test</button>
<button onClick="showPop('今天天气真好呀')">test</button>
</body>
meizz 2006-04-14
  • 打赏
  • 举报
 回复
嗯，用 disabled 会失页面很多元素变灰，好象不太友好，这样吧，给你一个绝招：锁定页面。
<script>
document.onclick=function(event)
{
var e=window.event || e; e=e.srcElement || e.target;
if(e.tagName=="A" && e.href)
{
document.getElementById("lock").style.display="";
setTimeout("document.getElementById('lock').style.display='none'", 3000); //毫秒
}
}
</script>
<div id="lock" style="
width: 100%;
height: 100%;
z-index: 8888;
display: none;
position: absolute;
background-image: url(http://community.csdn.net/Tree/TreeImages/l5.gif);
"> </div>

通过这种方法锁定的页面，用户感觉没有上面那种disabled强烈。效果不错。
meizz 2006-04-14
  • 打赏
  • 举报
 回复
层顶不了事，你是框架页面，页面里的层不太好跨框架且也管不住页面里的链接；用模态框吧，多出一个页面，且处理起来比较麻烦些且还有兼容性问题。另辟蹊径：
<script>
document.onclick=function(event)
{
var e=window.event || e; e=e.srcElement || e.target;
if(e.tagName=="A" && e.href)
{
document.body.disabled=true;
setTimeout("document.body.disabled=false;", 3000); //毫秒
}
}
</script>
<div>ddd</div>
<a href="http://blog.csdn.net/meizz/" target="_blank">hehe</a>

用 disabled 方法使页面里的所有链接“失效”一段时间，避免过快的重复点击！
逆向映射的演进
由于一个page frame可以在多个进程之间共享，因此逆向映射的任务是把分散在各个进程地址空间中的所有的page table entry全部找出来。当该页面被回收时，就可以把所有进程的对应页表项标记为已回收......
用户 协议
本《隐私政策》与您所使用的服务息息相关，希望您仔细阅读，在需要时，按照本《隐私政策》的指引，作出您认为适当的选择。本《隐私政策》中涉及的相关技术词汇，我们尽量以简明扼要的表述，并提供进一步说明的链接，...
WindowsXP安全设置
 WindowsXP安全设置  1.1简单文件共享  为了让网络上的用户只需点击几下鼠标就可以实现文件共享，XP加入了一种称为“简单文件共享”的功能，但同时也打开了许多NetBIOS漏洞。关闭简单文件共享功能的...
一文详解！appium自动化测试
Appium是一种用于自动化移动设备应用程序的开源工具，它具有跨平台的特性，能够在iOS和Android等多种移动设备上进行测试。Appium提供了一套API，开发人员可以使用多种编程语言来编写自动化脚本。Monkey简介在Android...
python基于大数据技术的创业推荐系统-大数据-计算机毕业设计源码02979
基于大数据技术的创业推荐系统 是个现代化的高度集成的综合信息系统，系统主要服务对象为用户，最大化在页面中提供多的信息，因此在系统维护上，数据量较大，整体的维护设计如下： （1）代码的维护：部署在云服务器...
JavaScript

87,914

社区成员

224,620

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章