Animation de chargement

Bonjour,

Savez-vous s'il existe un script prèt à l'emploi qui afficherait une animation de chargement en attendant le chargement d'un ajax en arrière plan ? Ceci afin que l'utilisateur ne clic pas 10 fois sur le bouton en pensant que ça ne fonctionne pas...

Vous savez, le petit cercle qui tourne...

Quand l'ajax commence, affichage d'un gif figurant une attente, quand l'ajax a fini (fonction de callback des frameworks), on cache le gif.

Une idée comme une autre. ^^

Exactement, mais est-ce qu'il existe un truc tout fait (on utilise jquery) qu'il n'y a plus qu'à appeler ? Pour éviter de le reprogrammer...

Sans doute, mais dans ce cas précis j'aurais tendance à penser que l'on perd plus de temps à cherche la bonne source et à l'adapter plutôt que de l'implémenter soi-même vu la simplicité de la chose.

Sinon il faut fouiller dans l'api de Jquery.

en general je fais juste apparaitre un div qui prend toute la page et tous les clicks ...

La technique c'est d'ajouté une class a ton element qui va se charger. Par exemple une class "load". Cette classe affiche une image de loading (gif animé).
une fois que ton element est loade tu enleve la class donc ton gif disparait.

En jQuery tu as la fonction load qui te permet d'effectuer des action lors du chargement de ton element.

Inspire toi de ca :

http://jqueryfordesigners.com/image-loading/