elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
14 Febrero 2012, 06:40  

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  agregar imagen animada a servidor ocupado+jquery
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: agregar imagen animada a servidor ocupado+jquery  (Leído 2,549 veces)
ismaelviamontes

Desconectado Desconectado

Mensajes: 5


Ver Perfil
agregar imagen animada a servidor ocupado+jquery
« en: 16 Marzo 2010, 15:30 »

resulta que estoy usando jquery para mis script ajax, estoy llenando un comobobox dependiente, pero quiero que cuando este procesando los datos, me muestre un gif, si no usara jquery seria algo como
if(con.readystate==4)
{...}
else
{
var d = document.getElementById('espera');
d.innerHTML = '<img src="cargando.gif">';
}

pero con jquery no se como hacerlo, aca les dejo el codigo para llenar el cobobox a ver si me dicen donde lo pongo

$(document).ready(function(){
$("#select1").change(function(){
$.post("carga_select2.php",{ id:$(this).val() },function(data){$("#select2").html(data);})
});
})


En línea
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.335

he vuelto :)


Ver Perfil WWW
Re: agregar imagen animada a servidor ocupado+jquery
« Respuesta #1 en: 17 Marzo 2010, 01:08 »

Código
$('#espera').ajaxStart(function() {
 $(this).html('<img src="cargando.gif">');
});

quitalo con ajaxSuccess o ajaxStop, inclusive con ajaxComplete :P


En línea

Ojo por ojo, y el mundo acabará ciego.
ismaelviamontes

Desconectado Desconectado

Mensajes: 5


Ver Perfil
Re: agregar imagen animada a servidor ocupado+jquery
« Respuesta #2 en: 17 Marzo 2010, 13:30 »

muchas gracias, pero donde inserto ese codigo en el fragmento que muestro aca
es que estoy empezando recien en el mundo este del ajax y del jquery
En línea
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.335

he vuelto :)


Ver Perfil WWW
Re: agregar imagen animada a servidor ocupado+jquery
« Respuesta #3 en: 17 Marzo 2010, 19:50 »

dentro de $(document).ready(); donde pones todo tu codigo pues xD pero antes de que empiece tu petición por ajax... tambien podrias suponer que tu <img> tiene un id="cargando" y en el css display: none (tu imagen ya esta en el html pero no se muestra)

 
Código
$(document).ready(function(){
 $('#cargando').ajaxStart(function() {
   $(this).show();
 });
 
 $("#select1").change(function(){
   $.post("carga_select2.php",{ id:$(this).val() },function(data){$("#select2").html(data);})
 });
});
 

el limite es el cielo :P
En línea

Ojo por ojo, y el mundo acabará ciego.
ismaelviamontes

Desconectado Desconectado

Mensajes: 5


Ver Perfil
Re: agregar imagen animada a servidor ocupado+jquery
« Respuesta #4 en: 17 Marzo 2010, 19:57 »

cierto tienes toda la razon, muchas gracias. !!!!
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
SuperCaptcha animada by WHK
PHP
WHK 5 906 Último mensaje 10 Enero 2011, 01:58
por R@mi
JQuery imagen de espera hasta completar respuesta[SOLUCIONADO]
Desarrollo Web
BadDevil 0 526 Último mensaje 18 Noviembre 2011, 14:41
por BadDevil
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines