Hey Andy,
Here ya go. Its basically the same thing that John sent me:
<script type="text/javascript">
$(document).ready(function() {
$('<div id="throbber"><img src="indicator.gif" alt=""></div>')
.hide()
.ajaxStart(function(){
$(this).show();
})
.ajaxStop(function(){
$(this).hide();
})
.appendTo("#rating");
var container = $("#rating");
container.find("a").click( function(e) {
e.preventDefault();
$.ajax({ type: "GET",
url: "test.cfm",
dataType: "xml",
success: function(msg){ alert( $( "MyText",
msg ).text() ); }
});
} );
});
</script>
Rey...
Andy Matthews wrote:
> Rey...
>
> Do you have an example?
>
>
> <!----------------//------
> 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 *Rey Bango
> *Sent:* Saturday, September 09, 2006 11:07 PM
> *To:* jQuery Discussion.
> *Subject:* Re: [jQuery] Ajax Throbber How-to?
>
> Man, that is REALLY powerful John. I added a .hide() method like this:
>
> $("#throbber").hide()
> .ajaxStart(function(){
> $(this).show();
> })
> .ajaxStop(function(){
> $(this).hide();
> });
>
> and then added my div like this:
>
> <div id="throbber"><img src="indicator.gif" width="16" height="16"
> alt="" border="0" /></div>
>
> and it worked like a charm!
>
> Thanks for your help and patience John.
>
> Rey...
>
> John Resig wrote:
>
>>$("#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
>>
>>
>>
>>>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?
>>>
>>
>>
>>_______________________________________________
>>jQuery mailing list
>>[email protected]
>>http://jquery.com/discuss/
>>
>>
>
>
> ------------------------------------------------------------------------
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
