[jQuery] Ajax Throbber How-to?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content=text/html;charset=ISO-8859-1>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff>
<DIV><SPAN class=796011213-11092006><FONT face=Arial color=#0000ff
size=2>Rey...</FONT></SPAN></DIV>
<DIV><SPAN class=796011213-11092006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=796011213-11092006><FONT face=Arial color=#0000ff size=2>Do you
have an example?</FONT></SPAN></DIV>
<DIV> </DIV>
<P><FONT size=2><!----------------//------<BR>andy matthews<BR>web
developer<BR>certified advanced coldfusion programmer<BR>ICGLink,
Inc.<BR>andy@icglink.com<BR>615.370.1530
x737<BR>--------------//---------></FONT> </P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<DIV class=OutlookMessageHeader dir=ltr align=left><FONT face=Tahoma
size=2>-----Original Message-----<BR><B>From:</B> discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com]<B>On Behalf Of </B>Rey
Bango<BR><B>Sent:</B> Saturday, September 09, 2006 11:07 PM<BR><B>To:</B>
jQuery Discussion.<BR><B>Subject:</B> Re: [jQuery] Ajax Throbber
How-to?<BR><BR></FONT></DIV>Man, that is REALLY powerful John. I added a
.hide() method like this:<BR><BR>$("#throbber").hide()<BR>
.ajaxStart(function(){<BR>
$(this).show();<BR>
})<BR>
.ajaxStop(function(){<BR>
$(this).hide();<BR> });<BR><BR>and
then added my div like this:<BR><BR><div id="throbber"><img
src="indicator.gif" width="16" height="16" alt="" border="0"
/></div><BR><BR>and it worked like a charm!<BR><BR>Thanks for your
help and patience John.<BR><BR>Rey...<BR><BR>John Resig wrote:
<BLOCKQUOTE
cite=mid730bab940609092037w30de69f4n3e38452f493cb44d@mail.gmail.com
type="cite"><PRE wrap="">$("#throbber")
.ajaxStart(function(){
$(this).show();
})
.ajaxStop(function(){
$(this).hide();
});
jQuery's system is more dynamic than just hiding/showing a single
element, as you can see. Let me know if this helps you at all.
--John
</PRE>
<BLOCKQUOTE type="cite"><PRE wrap="">I've seen some Ajax libraries that have an Ajax throbber/indicator
function built in which allows you to specify an indicator during the
Ajax call.
Does JQuery have something like this? If not, whats everyone doing to
display one? Any plugins for this?
</PRE></BLOCKQUOTE><PRE wrap=""><!---->
_______________________________________________
jQuery mailing list
<A class=moz-txt-link-abbreviated href="mailto:discuss@jquery.com">discuss@jquery.com</A>
<A class=moz-txt-link-freetext href="http://jquery.com/discuss/">http://jquery.com/discuss/</A>
</PRE></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/