Javascript spinning wait hourglass-type thing

Question

Me gustaría indicar al usuario de una aplicación web que se está ejecutando una tarea de larga ejecución. Érase una vez, este concepto se habría comunicado al usuario mostrando un reloj de arena. Hoy en día, parece ser un círculo giratorio animado. (por ejemplo, cuando está cargando una nueva pestaña en Firefox o arrancando en Mac OS X. Casualmente, la pila desbordada en el logotipo de stackoverflow parece una cuarta parte del círculo).

¿Hay una manera simple de crear este efecto usando Javascript (en particular, jQuery)? Idealmente, me gustaría tener uno de estos pequeños spinners como elementos en una tabla, para indicarle al usuario que el sistema todavía está activo en el procesamiento de una tarea pendiente (es decir, no se ha olvidado ni se ha bloqueado). (Por supuesto, me doy cuenta de que es posible que el back-end se haya bloqueado y el front-end todavía se muestre como una animación que gira, es más por el propósito psicológico de la actividad que ve el usuario).

¿Y cómo se llama eso de girar, de todos modos?

Answer 1

Google "Ajax indicador de actividad" para encontrar un montón de imágenes y generadores de imágenes (la imagen "hilado" en sí es un GIF animado).

Aquí es un enlace para que pueda empezar: http://www.ajaxload.info/

Con la imagen en la mano, usar jQuery para cambiar la visibilidad de la imagen (o tal vez su padre etiqueta DIV). Vea este enlace para más Info:

http://skfox.com/2008/04/28/jquery-example-ajax-activity-indicator/

rp

Answer 2

este sitio lo hará por usted:

ajaxload

y en OS X que se llama la "Beachball" y me gustaría añadir "de la muerte".

Answer 3

Supongo que significó algo para indicar actividad de fondo durante una llamada Ajax.

Tiendo a tener una clase de CSS que establece la imagen de fondo en un pequeño GIF animado, con relleno y posicionamiento apropiados (recuerde apagar la repetición de fondo), y luego agregue y elimine esa clase usando un par de ayudantes de JavaScript se llama cuando se inicia la llamada Ajax y cuando se ejecuta la devolución de llamada de respuesta.

Answer 4

http://preloaders.net/en/letters_numbers_words es agradable y tiene una gran cantidad de categorías de abajo del menú de la izquierda, que ofrecen más de http://ajaxload.info hace, además de opciones de tamaño y fondo .. .ajaxload se ve bastante anticuado en estos días.