AJAX Loading Message

phpnut

How would I go about telling the user their request was loading? For example, if a form was submitted using AJAX, how could I say it was loading, then have it say it was finished when it was finished. With the XMLHttpRequestObject status codes?

Nuvo

Usually, you'd use a "spinner".
Basically, it's like the throbber design seen in Firefox, so it's a ring of dots that spins (one dot is lit up while the others are grey).
You show this so that the user knows there's some activity and doesn't freak out (you could also use a loading message with this).

With Prototype, something like:
[html]
<a href="#" onclick="new Ajax.Updater('updater_div', 'returnthis.php', {asynchronous:true, evalScripts:true, onComplete:function(request){Element.hide('message');}, onLoading:function(request){Element.show('message')}}); return false;">LINK</a>
[/html]
I haven't toyed with these two as they were ripped from some Rails generated AJAX, but they seem to work for me.

lionsgate

Does that script work? I think there is a error. I'll try myself then i'll let you know.