Ajax loading sans image

Pour signifier à l’utilisateur qu’un script ajax est entrain de tourner, la solution généralement utilisée est celle d’afficher un gif animé. Voici donc une petite astuce, ne nécessitant pas d’image, qui fixe en CSS l’affichage du curseur de votre navigateur en mode « chargement ».

Ci-dessous un exemple en Jquery. A noter que cette syntaxe est facilement adaptable a tout type d’appel ajax.

$('.clickme').click(function() {
    // au lancement de la fonction, on met le curseur en mode "chargement"
    $("body").css("cursor", "progress");
    $.post('ajax.php', function(data) {
        // traitement ajax...
        // une fois le traitement terminé on repasse le curseur en mode "auto"
        $("body").css("cursor", "auto");
    });
});