|
Votos: 2
Loaders para todos los gustos
08/06/2007 | Recientemente encontré una web que me dejó realmente impresionado. Se trata de AjaXLoad.info, una aplicación web que te permite elegir el diseño y color de una barra para luego usarla en el momento de recibir la respuesta AJaX.
En el curso de AJaX de ProgramacionWeb se trata la respuesta AJaX desde que la propiedad ReadyState está en 4, desde que ya se ha recibido todo y se muestra al usuario.
Hay la posibilidad, pero, de mostrar al usuario una barra animada mientras se recibe la petición (cuando ReadyState está en 3). Tan sólo has de personalizar una barra de AjaxLoad.info y extender la función asociada al onreadystatechange añadiendo una nueva condición:
Pantalla Completa Colorear |
000 001 002 003
|
if(oXMLHttpRequest.readyState == 3){
// Mostramos la imagen
document.getElementById("contenedor").innerHTML='<img src="imagen_escogida.gif" alt='Cargando...' title='Cargando...' />';
}
|
Sería interesante centrar la barra vertical y horizontalmente en todo lo que es el contenidor, y ya haber cargado anteriormente la imagen.
También habría la posibilidad de mostrar una barra que mostrara el proceso de descarga (mostrando el tanto por ciento de datos descargados del servidor), pero eso ya lo dejaría para un posible futuro artículo.
Disfrutad de lo que parece ser el comienzo de la web 2.0!
|
Comentarios
|
No hay ningún comentario para este post |
Procedéncia visitas externas
|
|