有时候,在提交或点击一个链接后,由于种种原因,可能会在原来的页面上停留一段时间,如果不知道的朋友还以为是打不开。 现在可以用下面的方法,来给这些朋友一个提示,告诉他们系统正在处理数据~~~~~ 在后台处理数据时,前台页面同时计数显示Proess Bar 使用了layer来显示! 在提交Button或<A>或<span> 加扩展属性 以下是引用片段: IsShowProcessBar="True" 详细代码如下: ShowBar.js: AddProcessbar(); var bwidth=0; var swidth = document.all.waiting.clientWidth; function CheckIsProcessBar(obj) { if (obj.IsShowProcessBar=="True") { return false; } else { return true; } } function CheckClick(e) { if (e == 1) { if (bwidth<swidth*0.98){ bwidth += (swidth - bwidth) * 0.025; if (document.all)document.sbar.width = bwidth; else document.rating.clip.width = bwidth; setTimeout(’CheckClick(1);’,150); } } else { if(document.all) { if(document.all.waiting.style.visibility == ’visible’) {document.all.waiting.style.visibility = ’hidden’; bwidth = 1;} whichIt = event.srcElement; while (CheckIsProcessBar(whichIt)) { whichIt = whichIt.parentElement; if (whichIt == null)return true; } document.all.waiting.style.pixelTop = (document.body.offsetHeight - document.all.waiting.clientHeight) / 2 + document.body.scrollTop; document.all.waiting.style.pixelLeft = (document.body.offsetWidth - document.all.waiting.clientWidth) / 2 + document.body.scrollLeft; document.all.waiting.style.visibility = ’visible’; if(!bwidth)CheckClick(1); bwidth = 1; } else { if(document.waiting.visibility == ’show’) {document.waiting.visibility = ’hide’; document.rating.visibility = ’hide’; bwidth = 1;} if(e.target.href.toString() != ’’) { document.waiting.top = (window.innerHeight - document.waiting.clip.height) / 2 + self.pageYOffset; document.waiting.left = (window.innerWidth - document.waiting.clip.width) / 2 + self.pageXOffset; document.waiting.visibility = ’show’; document.rating.top = (window.innerHeight - document.waiting.clip.height) / 2 + self.pageYOffset+document.waiting.clip.height-10; document.rating.left = (window.innerWidth - document.waiting.clip.width) / 2 + self.pageXOffset; document.rating.visibility = ’show’; if(!bwidth)CheckClick(1); bwidth = 1; } } return true; } } function AddProcessbar() { var Str="" Str+= "<div id=waiting style=position:absolute;top:50px;left:100px;z-index:1;visibility:hidden >"; Str+= "<layer name=waiting visibility=visible zIndex=2 >" Str+= "<table border=2 cellspacing=1 cellpadding=0 bordercolorlight=#FFFFFF bordercolordark=#C0C0C0 bgcolor=#E0E0E0>" Str+= " <tr>" Str+= " <td bgcolor=#E0E0E0 height=30px width=300px align=center>" Str+= " <font color=black>系統正在處理中...</font>" Str+= " </td>" Str+= " </tr>" Str+= " <tr>" Str+= " <td bgcolor=#E0E0E0>" Str+= " <img width=1 height=10 name=sbar style="background-color:#6699cc" mce_style="background-color:#6699cc">" Str+= " </td>" Str+= " </tr>" Str+= "</table> " Str+= "</layer>" Str+= "</div>" document.write(Str) if(document.all)document.onclick = CheckClick; } 测试文件ShowBar.HTML <HTML> <HEAD> <mce:script language="javascript" src="ShowBar.js" mce_src="ShowBar.js"></mce:script> </HEAD> <BODY> <A href="error.asp" mce_href="error.asp" IsShowProcessBar="True">A Href</a> <BR> <BR> <span οnclick="location.href=’error.asp’" style="cursor:hand" mce_style="cursor:hand" IsShowProcessBar="True"><font color=blue>Span</font></span> <BR> <form action="error.asp"> <input type=Submit value="Submit"> <input type=button value="normal button" IsShowProcessBar="True"> </form> <P IsShowProcessBar="True">AAAAAAAAAAAAA</P> </BODY> </HTML>