"Veuillez patienter ...", "Chargement", "Enregistrement", "Génération" des implémentations

Question

Dans les navigateurs utilisant HTML, Ajax ou YUI (JavaScript en général), quelles sont les implémentations réussies et préférentielles du travaillez-vous sur votre demande? Le contexte supplémentaire est que l'application Web sur laquelle je travaille a quelques requêtes qui peuvent nécessiter un temps d'E/S important (10 à 30 secondes) et a besoin de communiquer à l'utilisateur que nous avons reçu votre demande et que nous travaillons dessus. Editer: Un autre aspect est d'avoir vu l'implémentation d'un site qui vous impressionne? Un exemple que vous aimez

Answer 1

Faire l'indicateur: évident, proéminent, et apparaître soit toujours au même endroit ou par le contrôle qui a été cliqué pour lancer l'action. Selon l'audience de votre application, de nos jours l'omniprésent "loading circle" fait l'affaire, mais cela ne fait pas de mal d'ajouter un "Loading ..." à côté.

Answer 2

Pour quelque chose qui prend autant de temps, vous devez utiliser une barre de progression ou similaire. Par exemple:

• jQuery http://jqueryui.com/demos/progressbar/
• Dōjō http://dojocampus.org/explorer/#Dijit_Progress%20Bar_Typing%20Monitor
• YUI http://developer.yahoo.com/yui/examples/container/panel-loading.html

Answer 3

@vartec a donné l'exemple YUI canonique. Un excellent développeur espagnol nommé Satyam a également une implémentation YUI intéressante, si vous pouvez fournir des commentaires sur les progrès pendant le temps que vous demandez à l'utilisateur d'attendre.

Satyam's Progress Bar. est disponible pour YUI 2.x et YUI 3.x et devrait faire partie de la bibliothèque YUI officielle dans une version ultérieure.

Answer 4

En général, vous devez placer une superposition de blocage avec un spinning wheel/throbber comme indicateur occupé. Dojo offre quelques outils prêts à l'emploi: Busy Button et plus généralement Standby.