Ajouter l'icône des blocs AJAX dans l'espace publics d'un site #SPIP

3 September 2014

Petite astuce que j’ai trouvée il y a peu.

Lorsque l’ont AJAX des blocs SPIP, le comportement par défaut est de passer le bloc en opacité 50%.
Ce n’est pas forcément le plus explicite pour les visiteurs, plus habitués à avoir un signe de “pseudo-progression”.

Ce n’est le comportement de la partie admin, qui affiche une icône “Loading” dans le coin supérieur droit.

On peut facilement reproduire ce comportement dans l’espace publique avec une petite ligne de css:

.loading {
background: url(../../prive/themes/spip/images/searching.gif) no-repeat top right;
}

Ici je suppose que le fichier css se trouve dans un sous-dossier du dossier squelettes de SPIP. Si ce n’est pas le cas, il faut adapter le chemin.

Bien entendu on peut mettre ce que l’on veut sur la class loading, ici je n’ai fais que reproduire le comportement de SPIP.