How to display loading graphic in between ajax calls ?

[2levelsabove]

So I am performing some ajax calls and have a nice little pretty loading graphic. The problem is I am not too sure how to get abt doing that.

Any ideas hints or tips ?

Thanks

[NogDog]

One possibility:

Add the image to your page, give it an ID attribute, and in the stylesheet set it to "display: none;" and absolutely position it where you want it to appear. Then have your JavaScript function that sends the request to the server also set the display value to "block". Then have the JavaScript function you use to handle the server response also reset the display value back to "none".

/* to display it */
document.getElementById('image_id').style.display="block";
/* to hide it again */
document.getElementById('image_id').style.display="none";