1 <script language="javascript"> 2 3 4 5 function ShowWaiting() { 6 document.getElementById('doing').style.visibility = 'visible'; 7 } 8 function CloseWaiting() { 9 document.getElementById('doing').style.visibility = 'hidden'; 10 } 11 function MyOnload() { 12 document.getElementById('doing').style.visibility = 'hidden'; 13 } 14 if (window.onload == null) { 15 window.onload = MyOnload; 16 } 17 18 19 </script>
1 <div id='doing' style='z-index: 12000; left: 0px; width: 100%; cursor: wait; position: absolute; 2 top: 0px; height: 100%; filter: alpha(opacity=45); opacity: 0.5; color: #000000; 3 background-color: #FFFFFF;'> 4 <table width='100%' height='100%' id="Table1"> 5 <tr align='center' valign='middle'> 6 <td> 7 <table id="Table2" class="loading"> 8 <tr align='center' valign='middle'> 9 <td> 10 <img src="../Images/Waitting.gif" /> 11 </td> 12 </tr> 13 </table> 14 </td> 15 </tr> 16 </table> 17 </div>
1 this.btnUpload.Attributes.Add("onclick", "ShowWaiting();");
way 2
1 <script language="javascript"> 2 3 4 5 function Window_Load(Flag) { 6 if (Flag == 0) { 7 document.all['Loading'].style.left = (document.documentElement.clientWidth - 250) / 2; 8 document.all['Loading'].style.top = (document.documentElement.clientHeight - 60) / 2; 9 document.all['Loading'].style.width = 250; 10 document.all['Loading'].style.height = 60; 11 document.all['Loading'].style.display = 'block'; 12 //show the window 13 } 14 else { 15 document.all['Loading'].style.width = 0; 16 document.all['Loading'].style.height = 0; 17 document.all['Loading'].style.display = 'none'; 18 //hide the window 19 } 20 } 21 22 </script>
<body ms_positioning="GridLayout" onload="Window_Load(1)"> <form id="form1" method="post" runat="server" onsubmit="Window_Load(0)"> <table width="100%">
1 <div id="Loading" style="position:absolute;z-index:3;width:0;height:0;border-width:1;border-style:ridge;background-color:white;padding-top:10px"> 2 <center><table border="0"><tr><td valign="middle"> 3 <img alt="页面提交时出现等待窗口" src="../images/Waitting.gif" border="0" WIDTH="30" HEIGHT="30"></td> 4 <td> </td><td valign="middle"><span id=txtLoading0 style="font-size:14px; color: #800080; font-weight: bold;">页面正在加载数据,请稍候...</span> 5 <br><span id=txtLoading1 style="font-size:14px; color: #800080;">Loading,please wait...</span></td></tr></table></center></div>