Nous avons vu au sein d'un article précédent comment Afficher un message de chargement pendant l'exécution des requêtes Ajax, avec prototype.js.

Mais la méthode que j'avais proposé posait deux problèmes :

  • le bloc HTML utilisé comme indicateur de chargement devait être inclut dans toutes les pages HTML du site
  • et il était toujours présent dans le corps de la page, même si masqué via son style CSS - ce qui ne le rendait pas invisible aux navigateurs ne supportant pas les CSS, ou le JavaScript - pour qui il est inutile (pas de JS = pas d'Ajax)

Nous allons donc maintenant voir comment rendre cet indicateur de chargement non obstructif (en anglais : unobstrusive).