[BlockUI] 使用在blockUI中使用讀取動畫(JQuery BlockUI Using Animated Image)－碎碎念

轉自 https://amitchandnz.wordpress.com/2010/08/24/jquery-blockui-using-animated-image/

Animated Image
You will need an animated image as follows but you can create your own own from here.

Javascript
Add this bit of code to your ASP.Net page.

<script type="text/javascript">
   function BlockUI(elementID)
   {
      var prm = Sys.WebForms.PageRequestManager.getInstance();
      prm.add_beginRequest(function(){
          $("#" + elementID).block({ message: '<table><tr><td>' + '<img src="please_wait.gif"/></td></tr></table>',
                                      css: {},
                                      overlayCSS: { backgroundColor: '#FFFFFF', opacity: 0.6, border: '1px solid #000000' }
                                  });
      });
      prm.add_endRequest(function() {
          $("#" + elementID).unblock();
      });
   }
   $(document).ready(function() {
      BlockUI("divMain");
      $.blockUI.defaults.css = {};
   });
</script>