How to lock Screen While Saving in asp.net

<style type="text/css">
      .LockOff {
         display: none;
         visibility: hidden;
      }

      .LockOn {
         display: block;
         visibility: visible;
         position: absolute;
         z-index: 999;
         top: 0px;
         left: 0px;
         width: 100%;
          min-height:1000px;
         color:Green;
         background-color: #ccc;
         text-align: center;
         padding-top: 30%;
         font-size:large;
         filter: alpha(opacity=75);
         opacity: 0.75;
      }
   </style>

   <script type="text/javascript">
       function skm_LockScreen(str) {
           var lock = document.getElementById('skm_LockPane');
           if (lock)
               lock.className = 'LockOn';

           lock.innerHTML = str;
       }
   </script>

<div id="skm_LockPane" class="LockOff"></div>

                                            <asp:Button ID="btnSave" runat="server" Text="Save" OnClientClick="skm_LockScreen('We are processing your request...');" OnClick="btnSave_Click" CausesValidation="false" />

No comments:

Post a Comment