Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Poner imagen de carga

Estas en el tema de Poner imagen de carga en el foro de Frameworks JS en Foros del Web. Necesito ayuda, estoy haciendo una web donde arriba tengo los botones de inicio, contacto, nosotros y hoteles, al hacer click en ellos no se carga ...
  #1 (permalink)  
Antiguo 18/05/2011, 17:51
 
Fecha de Ingreso: diciembre-2010
Mensajes: 87
Antigüedad: 7 años, 10 meses
Puntos: 2
Poner imagen de carga

Necesito ayuda, estoy haciendo una web donde arriba tengo los botones de inicio, contacto, nosotros y hoteles, al hacer click en ellos no se carga toda la pagina por completo si no que hago que se cargue la nueva pagina en un div que tengo abajo de los botones, en ocasiones al hacer click en algun boton tarda un poco, lo que quiero es que durante el tiempo en que carga la pagina en el div se muestre una imagen de cargando, ¿como lo hago con ajax? De antemano gracia
  #2 (permalink)  
Antiguo 19/05/2011, 01:14
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.563
Antigüedad: 16 años, 7 meses
Puntos: 1266
Respuesta: Poner imagen de carga

Hola:

Básicamente debes mostrar la imagen (supuestamente cambiando el estilo display "none" a "inline") antes de la instrucción ajax.send(); y con el ajax.readyState == 4 volver a ocultarlo.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 20/05/2011, 11:49
 
Fecha de Ingreso: septiembre-2009
Mensajes: 6
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Poner imagen de carga

Mmm lo quere queres es algo sencillo. Mira si queres poner una imagen de cargando tenes que meter el siguiente codigo en medio del div donde apareceran los resultados asi:

Cita:
<img src="ruta de la imagen" id="loading" style="display:none" border="0">
y en la parte del del JS del ajax asi.

Cita:
funtion ajaxsend(accion){
$('#loading').show('fast');
justo despues del success del ajax poner lo siguiente
Cita:
$('#loading').hide('fast');
Espero te resulte cualquier duda contactarme por mensaje privado asi te ayudo mas

Etiquetas: ajax, carga
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 22:09.