Question

Right now I changed the cursor image if any ajax is in a process using this javascript code

$(function(){  
  $("html").bind("ajaxStart", function(){  
     $(this).addClass('busy');  
   }).bind("ajaxStop", function(){  
     $(this).removeClass('busy');  
   });  
});

and below css

    html.busy, html.busy * {  
        cursor: wait !important;  
    } 

Now I want to add some text next to the cursor too. And remove it when the ajax finishes. How is that possible without using any jQuery plugin?

Answer 1

Try this:

Demo with start / stop functions and changing text

http://jsfiddle.net/SY4mv/18/