c#大圣之路笔记——c# 页面加载数据过长等待显示框

 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;  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;0;height:0;border-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>&nbsp;&nbsp;</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>