AJAX Indicateurs d'activité

J'utilise prototype.js pour gérer Ajax dans mon application, pendant l'activité, j'affiche un widget graphique

Code Javascript:

<script> var myGlobalHandlers = { onCreate: function(){ Element.show('systemWorking'); },

onComplete: function() { if(Ajax.activeRequestCount == 0){ Element.hide('systemWorking'); } } };

</script>

Dans la fonction d'appel a ajax mettre :

Ajax.Responders.register(myGlobalHandlers); var vAjaxRequest = new Ajax.Request{.......}

Code CSS:

<style>

/**************************Couleur loading*****************************/

#systemWorking{ background-color: red; color: black; border: 1px solid white; display: block; position: absolute; text-decoration: none; background-image:url(loadAjaxLong.gif); } </style>

Code Html: A positionner à un endroit bien choisi!

<div id='systemWorking' style="display: none;">Loading...</div>

---

AJAX Activity Indicators

Lors d'une action Ajax, il faut indiquer aux utilisateurs qu'une activité est en cours, pour cela on peut mettre un indicateur animé:

Voici quelques exemples que vous trouver sur le site : www.napyfab.com

Sur une site français, il y a un petit service qui permet de générer des icones d'activité pour les traitements d'AJAX aux couleurs de votre site: www.ajaxload.info