That can be optimized too:
$(document.body).ajaxStart(function() {
$(<div
id="loading">Loading...</div>).appendTo(document.body).css({padding:"2px",
fontSize:"9pt", position:"fixed", top:"0", right:"0", background:"red",
color:"white"});
}).ajaxStop(function() {
$('#loading').remove();
});
On 12/12/06, Rich Manalang <[EMAIL PROTECTED]> wrote:
I do love the simplicity of this... although I had to modify it for my own
purposes :-)
// Adds a wait indicator to any ajax requests
$(document.body).ajaxStart(function() {
$(document.body).append('<div id="loading">Loading...</div>');
$('#loading').css({padding:"2px", fontSize:"9pt", position:"fixed",
top:"0", right:"0", background:"red", color:"white"});
}).ajaxStop(function() {
$('#loading').remove();
});
Rich
On 12/8/06, Chris W. Parker <[EMAIL
PROTECTED]<https://mail.google.com/mail?view=cm&tf=0&[EMAIL PROTECTED]>>
wrote:
>
> On Friday, December 08, 2006 2:13 AM Barry Nauta <> said:
>
> > For me, the wait cursor indicates an upcoming page refresh (oldschool
> > web?), hence I will probably wait for this cursor to disappear before
> > doing anything else. The beauty of Ajax (one of) IMHO is that you can
> > continue to work on a page...
>
> Good point. In this case then the author can use the arrow+hour glass
> icon. For sure this is available on Windows but I'm not sure about Linux
> and OSX.
>
>
> Chris.
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com<https://mail.google.com/mail?view=cm&tf=0&[EMAIL
PROTECTED]>
> http://jquery.com/discuss/
>
_______________________________________________
jQuery mailing list
discuss@jquery.com<https://mail.google.com/mail?view=cm&tf=0&[EMAIL PROTECTED]>
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
