Display loading progress bar when loading content into edges

Question

Code to show loading indicator when content is loaded in edges 1) When postback / submit is executed on form inside iframe

+2

amexn Sep 18 09 at 17:35

1 answer

karim79 · Accepted Answer · 2009-09-18T17:46:11+0000

You can bind to events ajaxStart

and ajaxStop

global (ajax) like this:

$("#loading").bind("ajaxStart", function(){
    $(this).fadeIn("slow");
}).bind("ajaxStop", function(){
    $(this).fadeOut("slow");
});

Assuming loading

is the id of your loading indicator div / span.

If you want a prettier solution, take a look at the amazing blockUI plugin. Equivalent to the above blockUI usage:

$().ajaxStart($.blockUI)
   .ajaxStop($.unblockUI);