Ajax Loader with remote function in JQuery

Hi,

Does anyone know how to add an ajax loader to the remember the milk validation example? So that while the backend is busy, it shows the gif, when it's finished, it hides the gif...

Thanks,
Ashton.

[hielo]

try the ajaxSend()

http://api.jquery.com/ajaxSend

Look at the example right before the section titled "Example". By looking at the settings.url (or perhaps settings.data) you will be able to know which field is triggering the request )

I don't understand :(

[hielo]

So that while the backend is busy, it shows the gif, when it's finished, it hides the gif...

That tells me that you are emitting an ajax request (somehow - most likely using the "remote" validation option). If that is the case, then is you use the jquery ajaxSend() method, before the request is actually sent you will be able to "know" that the request is about to be "emitted". So at that point you show your image.

Imagine you initially have

<div id="myloader"><img src="imageloader.gif" .../></div>

also, in your css you may have:

#myloader{display:none}

then in your ajaxSend() method you can do $("#myloader").show()

but I don't see a ajaxSend() here: http://jquery.bassistance.de/validate/demo/milk/

[hielo]

ajaxSend() is part of the jquery's $.ajax() utility. Under the hood, the remote option will be using $.ajax(). So if you use ajaxSend() as suggested, it will be "honored".