This page demonstrates several ways to block the page. Each button below activates Blockui, and then makes a, remote call to the server.
The following code is used on this page:
<Scripttype= "Text/javascript"> //unblock when Ajax activity stops$ (document). Ajaxstop ($.unblockui); functionTest () {$.ajax ({URL:'wait.php', Cache:false }); } $ (document). Ready (function() { $('#pageDemo1'). Click (function() {$.blockui (); Test (); }); $('#pageDemo2'). Click (function() {$.blockui ({message:'' }); Test (); }); $('#pageDemo3'). Click (function() {$.blockui ({css: {backgroundcolor:'#f00', Color:'#fff' } }); Test (); }); $('#pageDemo4'). Click (function() {$.blockui ({message: $ ('#domMessage') }); Test (); }); }); </Script> ... <DivID= "Dommessage"style= "Display:none;"> <H1>We are processing your request. Please be patient.</H1> </Div>
Reference: http://malsup.com/jquery/block/#overview
JQuery Blockui Plugin Demo 3 (Page Blocking Examples)