Jquery - How to disable the entire page

Question

I have this ajax event

function save_response_with_ajax(t){
  var form = $(\'#edit_\'+t);
  var div = $(\'#loading_\'+t);
  $.ajax({
    url: form.attr(\"act         


        

Answer 1

var modal = $('
')
  .dialog({ modal: true });

modal.dialog('widget').hide();

setTimeout(function() { modal.dialog('close'); }, 2000); // to close it

here is a demo: http://jsbin.com/avoyut/3/edit#javascript,html,live

don't forget to call modal.dialog('close'); to end it all!

this way you get the benefits of the actual dialog modal code, resizing, disabling, etc..

hope this helps -ck