日期:2014-05-18  浏览次数:20565 次

在页面加载时我给个层提示页面正在加载,但是怎么让页面上的任何其它按钮在加载过程中不可操作呢?
在页面加载时我给个层提示页面正在加载,
Js代码如下:
function Loading()  
{  
  var opopup = window.createPopup();  
  var oPopBody = oPopup.document.body;  
  var bHtml='<br/>';  
  bHtml+='<br/>';  
  bHtml+='<div id="divLoading" align="center">'+
  '<table width="320" height="72" border="1" bordercolor="#cccccc" cellpadding="5" cellspacing="1"'+
  'class="font" style="filter: Alpha(opacity=80); width: 320px; height: 72px">'+
  '<tr>'+
  ' <td>'+
  ' <p>'+
  '<img alt="请等待" src="images/loading.gif" align="left">'+
  '<br><font color="blue">'+
  '数据正在比对中,请稍候......</font>'+
  '</p>'+
  '</td>'+
  '</tr>'+
  '</table>'+
  '<br><font color="blue">正在比对中,请稍候...</font></div>';  
  oPopBody.innerHTML=bHtml;
  oPopBody.style.backgroundColor = "lightyellow";
  oPopBody.style.border = "solid black 1px";  
  oPopup.show(100, 100, 180, 25, document.body);
   
}  
但是怎么让页面上的任何其它按钮在加载过程中不可操作,加载完后可用呢?
在线等

------解决方案--------------------
可否用这样一个思路,页面默认按钮都是不可操作的,等加载完以后执行一个语句把按钮设成可操作的!
------解决方案--------------------
在ASP.NET AJAX中有个控件可以完成你想要的
------解决方案--------------------
把这个层设置跟页面一样大小,然后把整个页面遮住就可以了,最好把层设置为半透明.(需要注意,层无法遮盖SELECT元素,需要特殊处理,把它变为不可用ReadOnly=true)
------解决方案--------------------
思路:
1.看看是否可以控制层成为类似模式窗口的东东
2.第1点不可行的话,将层的大小盖住页面上其它操作, 如按钮等(比较笨,但有效)
3.层出来的时候,其它的东东都隐藏


呵呵,
------解决方案--------------------
springcsc1982 
把这个层设置跟页面一样大小

这个是正解