Comment fonctionne la bannière GMail "Loading ..."?

Question

J'essaye de reproduire une caractéristique de GMail dans ma propre application.

Lorsque vous modifiez des dossiers dans GMail, l'affichage reste à l'écran et une petite bannière de chargement apparaît en haut du site.
Ceci est souhaitable, car il empêche l'écran de devenir tout blanc et de perturber le flux de travail des utilisateurs en période de publication.

J'ai essayé de le démonter en utilisant Firebug, et j'ai l'impression de m'en approcher.
Le site GMail est constitué d'un Iframe 100% dimensionné qui contient l'intégralité de l'interface. Après cette image est une div qui contient la bannière de chargement. La div est invisible et est placée derrière l'Iframe.

Quel script est exécuté pour déplacer la bannière devant l'Iframe?

Merci,

Martin Wiboe

Answer 1

GMail est entièrement construit en utilisant AJAX; il n'y a pas de publications régulières du tout.

Il crée un <div> avant d'envoyer la requête AJAX demandant le contenu du dossier, puis cache le <div> lorsqu'il reçoit une réponse.

Vous pouvez facilement le dupliquer à l'aide de jQuery.

Answer 2

Vous pouvez accomplir ce que vous essayez de faire avec AJAX et un gestionnaire de rappel. Sur le poste AJAX, vous allez rendre visible le chargement div. Lors d'une publication réussie, vous allez le masquer.