When performing an Ajax request I want to change the submit button into a loading image and then swop it back again when the Ajax request is complete.
I don't want a loading image anywhere else as on mobile phones it can't always be seen due to small screen size.
I have grabbed the event (which references the form, is that right?) and I have something like this:
<button type="submit" name="name_can_vary">Search</button>
event.name_can_vary.style.visibility = 'hidden';
//(obviously this isn't complete code but no doubt explains what I am talking about)
..which would hide the button and works exactly as I want to this point, but of course it does;t return when Ajax has completed or show the loading image.
Thanks for any help.
I'm not familiar with AJAX, but can't you use the readyStates to determine when to hide/show? Aka when it reaches "4" (I believe that is the end), do the JS to appear the submit button and hide the image.