Javascript tourne en attente

Je tiens à indiquer à l'utilisateur d'une application web pour une longue durée d'exécution de la tâche effectuée. Once upon a time, ce concept aurait été communiqué à l'utilisateur par l'affichage de la forme d'un sablier. Aujourd'hui, il semble être une rotation animée cercle. (par exemple, lorsque vous chargez un nouvel onglet dans Firefox, ou le démarrage de Mac OS X. comme par hasard, le débordement de pile dans le stackoverflow logo ressemble à un quart de cercle).

Est-il un moyen simple de créer cet effet à l'aide de Javascript (en particulier, JQuery)? Idéalement, j'aimerais avoir une de ces petites toupies en tant qu'éléments dans un tableau, pour indiquer à l'utilisateur que le système est toujours actif dans le traitement d'une tâche en attente (c'est à dire, il n'a pas oublié d'ou écrasé). (Bien sûr, je me rends compte qu'il est possible que le back-end est tombé en panne et le front-end est-il toujours un animateur de filature de la chose, c'est plus pour la partie psychologique de l'objectif de l'utilisateur de voir l'activité).

Et qu'appelez-vous que l'essorage chose, de toute façon?

source d'informationauteur Lorin Hochstein

  1. 19

    Google Ajax indicateur d'activité de trouver beaucoup d'images et de générateurs d'images (le "spinning", l'image est un GIF animé).

    Ici est un lien pour obtenir vous avez commencé.

    Avec l'image à la main, utiliser JQuery pour activer /désactiver la visibilité de l'image (ou peut-être son parent balise DIV). Voir ce lien pour plus d'info.

    rp

  2. 5

    ce site va le faire pour vous:

    ajaxload

    et sur OS X, il est appelé le "Beachball" et je tiens à ajouter "De la Mort".

  3. 3

    http://preloaders.net/en/letters_numbers_words est agréable et a beaucoup de catégories en bas du menu de gauche qui offrent plus de http://ajaxload.info n', ainsi que des options de taille et de fond... ajaxload est assez obsolète de nos jours.

  4. 2

    Je suppose que vous vouliez dire quelque chose pour indiquer l'activité de fond pendant un appel Ajax.

    J'ai tendance à avoir une classe CSS qui définit l'image d'arrière-plan à un petit GIF animé, avec le rembourrage et le positionnement (n'oubliez pas de mettre background-repeat off), puis d'ajouter et de supprimer la classe à l'aide d'un couple de JavaScript aides appelée lors de l'appel Ajax est commencé, et quand la réponse de rappel s'exécute.