在服务器控件绑定一个js方法,如:
<asp:button onClentClick="showLoading()">
javascript脚本可以放到一个Loading.js文件中.代码如下:
- //显示进度条
- var isIE=!!document.all;
- var imgGlobalUrl = 'http://localhost/';
- var loadHTML = '<table border="0" cellspacing="0" cellpadding="0"><tr><td width="8" align="right" background="'+imgGlobalUrl+'Images/waiting_l.gif"> </td><td background="'+imgGlobalUrl+'Images/waiting_m.gif" style="PADDING-RIGHT:0px;PADDING-LEFT:5px;FONT-WEIGHT:bold;FONT-SIZE:14px;PADDING-BOTTOM:0px;COLOR:#0f5594;PADDING-TOP:0px"><IMG SRC="'+imgGlobalUrl+'Images/loading.gif" border="0"></td><td background="'+imgGlobalUrl+'Images/waiting_m.gif" style="PADDING-RIGHT:0px;PADDING-LEFT:5px;FONT-WEIGHT:bold;FONT-SIZE:14px;PADDING-BOTTOM:0px;COLOR:#0f5594;PADDING-TOP:0px">正在处理,请稍候。。。</td><td width="8" height="40" background="'+imgGlobalUrl+'Images/waiting_r2.gif"> </td></tr></table>';
- var loadingDiv=document.createElement("div");
- loadingDiv.innerHTML=loadHTML;
- loadingDiv.style.position="absolute";
- loadingDiv.style.display="none";
- loadingDiv.style.zIndex = 9999;
- var loadingTimeout
- var funInsertLoadingDiv = function(){
- document.body.insertBefore(loadingDiv,null);
- };
- if(isIE)
- window.attachEvent("onload",funInsertLoadingDiv);
- else
- window.addEventListener('load', funInsertLoadingDiv, false);
- function showLoading()
- {
- window.clearTimeout(loadingTimeout);
- with(loadingDiv.style)
- {
- display="";
- top=document.body.scrollTop+200;
- if (loadingDiv.offsetWidth)
- left=document.body.clientWidth/2 - loadingDiv.offsetWidth/2;
- else
- left=document.body.clientWidth/2 - 115;
- }
- }
- function hideLoading()
- {
- loadingDiv.style.display="none";
- }