quick and simple ajax loading or please wait screen

Traditionally, you would show an animated gif when doing ajax call to let user know that they have to wait to see some results. We do this by showing and hidding the animated gif in a div for example.

Actually if you are rushing for time, a quicker and simpler solution is to change the mouse cursor. Not that fancy but it works. Users should be familiar with different types of mouse pointer. In the jQuery.ajax function for example, we can do something like so:

 jQuery('*').css('cursor','wait');

and after the ajax call

 jQuery('*').css('cursor','auto');

Author: bpeh

Bernard Peh is a great passioner of web technologies and one of the co-founder of Sitecritic.net Website Design and Reviews. He works with experienced web designers and developers everyday, developing and designing commercial websites. He specialises mainly in SEO and PHP programming.