zoukankan      html  css  js  c++  java
  • 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>




  • 相关阅读:
    Linux内核基础--事件通知链(notifier chain)good【转】
    10 个迅速提升你 Git 水平的提示【转】
    notifier chain — 内核通知链【转】
    内核通知链 学习笔记 【转】
    Linux内核基础--事件通知链(notifier chain)【转】
    Git 使用规范流程【转】
    Linux中断(interrupt)子系统之二:arch相关的硬件封装层【转】
    学习 Linux,101: 自定义或编写简单脚本【转】
    MySQL数据处理函数
    Effective JavaScript Item 36 实例状态仅仅保存在实例对象上
  • 原文地址:https://www.cnblogs.com/allenzhang/p/5305694.html
Copyright © 2011-2022 走看看