dwr 同步处理等待服务器返回数据时配置等待页面

0 0

dwr 同步处理等待服务器返回数据时配置等待页面5

dwr 同步处理等待服务器返回数据时配置等待页面
关键字: dwr配置文件
JAVASCRIPT 调用DWR 时有时DWR处理的过程有些慢希望给用户一个等待的页面提示用户正在操作中

应该在DWR里面怎么配置，希望给出详细的讲解及代码

页面是用框架集做的可否在DWR“弹出操作正在进行中”这个页面的把整个框架集锁定，不让客户做任何操作一直等待DWR操作完成后再把弹出的那个页面关掉这时客户才可以进行页面的操作

DWR

2008年7月09日 16:21

lulcxu
18
0 0 0

1个答案按时间排序按投票排序

0 0

采纳的答案

如下代码可以锁定页面，思路就是在框架下面加上几个div，然后定义div样式，每次提交后让div覆盖整个页面，提交结束后在隐藏

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>ޱĵ </title> 
<style type="text/css"> 
a{ color:#000; font-size:12px;text-decoration:none} 
a:hover{ color:#900; text-decoration:underline} 

#massage_box{ position:absolute; left:expression((body.clientWidth-40)/2); top:expression((body.clientHeight-40)/2); width:40px; height:40px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden} 
#mask{ position:absolute; top:0; left:0; bottom:0;width:expression(body.scrollWidth); height:100%; background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden} 
.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%} 
.header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff} 
</style> 
<script> 
 function createXMLHttpRequest()  
  {  
   if(window.ActiveXObject)  
   {  
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
   }  
   else  
   {  
    if(window.XMLHttpRequest)  
    {  
     xmlHttp = new XMLHttpRequest();  
    }  
   }  
  }  

  function LoadPageWait()  
  {  
   createXMLHttpRequest();  
   var url = "http://www.iteye.com";  
   xmlHttp.open("GET", url, true);  
   xmlHttp.onreadystatechange = goCallback;  
   xmlHttp.send(null);  
  }  

  function goCallback()  
  {    
    

   mask.style.visibility='visible'; 
   massage_box.style.visibility='visible'; 
WriteData();
    
  }  
  function WriteData()  
  {  
   window.location.replace("http://www.iteye.com");  
   return false;  
  } 
</script> 
</head> 

<body> 

   <label> 
   <input type="submit" name="test" id="test" value="a"  onclick="LoadPageWait()"/> 
   </label> 

   
<p> 
<div id="massage_box"> <div class="massage"> 

<img src="loading.gif" width="32" height="32" /> 
</div> </div> 
<div id="mask"> </div> 

</body> 
</html>

2008年7月09日 17:01