Comments on: jQuery Example: Ajax activity indicator

By: Jaroslaw Dobrzanski

Jaroslaw Dobrzanski — Tue, 09 Jun 2009 18:19:31 +0000

If you use prototype.js have a look there: http://dobrzanski.net/2007/04/23/ajax-activity-indicator/

By: Shaun Kester

Shaun Kester — Thu, 07 May 2009 20:35:00 +0000

@frank: An ajax call must be made to the server for it to work. If you are testing locally, i.e. http://localhost, the request could be quick enough that the indicator doesn’t have time to show up.

By: Shaun Kester

Shaun Kester — Thu, 07 May 2009 20:29:57 +0000

@sean: Why do you think that? Works better how? Why not take advantage of jQuery chaining, it’s faster.

By: Sean

Sean — Sun, 26 Apr 2009 00:32:15 +0000

The last part works much better this way:

$(document).ajaxStart(function () {
$(’#ajaxBusy’).show();
});
$(document).ajaxStop(function (){
$(’#ajaxBusy’).hide();
});

By: Frank

Frank — Sun, 28 Dec 2008 17:34:27 +0000

I have tried everything getting this to work, then again, I am new to JQuery. Both IE and FF not working with it. I placed the first two snippets in the $(document).ready function and the ajaxStart and ajaxStop out of the .ready function. Also, just curious, if there is no call to the server, but a function is working, does it still show the indicator?

By: bitsandscripts

bitsandscripts — Sat, 04 Oct 2008 15:22:25 +0000

thanks for the hint…

@Ashish
check the source of this page http://skfox.com/jqExamples/AjaxActivity.html...

By: Ashish

Ashish — Mon, 29 Sep 2008 06:03:10 +0000

Hi Shaun ,

Nice One !! This is very nice example of Ajax Load Indicator .I was really looking for such stuff since long time . I tried this example but still not getting any output this is my code

First jQuery Test

$(“body”).append(‘

‘);

$(‘#ajaxBusy’).css({
display:”none”,
margin:”0px”,
paddingLeft:”0px”,
paddingRight:”0px”,
paddingTop:”0px”,
paddingBottom:”0px”,
position:”absolute”,
right:”3px”,
top:”3px”,
width:”auto”
});

$(document).ajaxStart(function () {
$(‘#ajaxBusy’).show();
}).ajaxStop(function (){
$(‘#ajaxBusy’).hide();
});

This is My Changed Test Page

PLease help me i really need it !!

By: Chinuku

Chinuku — Mon, 18 Aug 2008 06:40:02 +0000

its really Nice and helps me a lot!!