Why not just create the style for the loading bar in your stylesheet? Then
you don't have to do that in jQuery.


<!----------------//------
andy matthews
web developer
certified advanced coldfusion programmer
ICGLink, Inc.
[EMAIL PROTECTED]
615.370.1530 x737
--------------//--------->

  -----Original Message-----
  From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Rich Manalang
  Sent: Tuesday, December 12, 2006 3:59 PM
  To: jQuery Discussion.
  Subject: Re: [jQuery] Elegant Loading Indicator


  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]> 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
    [email protected]
    http://jquery.com/discuss/


_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

Reply via email to