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

Imagen de loading

Estas en el tema de Imagen de loading en el foro de Frameworks JS en Foros del Web. Tengo una imagen gd que recargo con ajax, no conocia nada de ajax, y estoy realmente impresionado del potencial. Por tanto pregunta absurda al tanto, ...
  #1 (permalink)  
Antiguo 27/03/2010, 09:32
 
Fecha de Ingreso: abril-2002
Mensajes: 33
Antigüedad: 22 años
Puntos: 0
Imagen de loading

Tengo una imagen gd que recargo con ajax, no conocia nada de ajax, y estoy realmente impresionado del potencial. Por tanto pregunta absurda al tanto,

Encontre un codigo con el que actualizo unicamente una zona de la pagina, pero como es imagen tarda un pelin. Intento adaptar el script y lei algo del evento readystate.

Este codigo lo saque del web, e intento modificarlo añadiendo esto a function cargarpagina

if (pagina_requerida.readyState==1) document.getElementById(id_contenedor).innerHTML = "<img src="img/loading.gif" align="'center'" /> Aguarde por favor...";
if (pagina_requerida.readyState == 4) document.getElementById(capa).innerHTML = ajax.responseText;

PErdonar, pero no se por donde empezar (estoy leyendo manuales y demás)

1º hago bien metiendo estos codigos dentro de la funcion cargar pagina???
2º ven algún error??

Seguiré mirando, pero quería dejar el dato, si alguien conoce un buen manual de iniciacion genial, aunque me estoy jartando a leer aún no asimilo.





// Documento JavaScript
// Esta función cargará las paginas
function llamarasincrono(url, id_contenedor){
var pagina_requerida = false
if (window.XMLHttpRequest) {// Si es Mozilla, Safari etc
pagina_requerida = new XMLHttpRequest()
} else if (window.ActiveXObject){ // pero si es IE
try {
pagina_requerida = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){ // en caso que sea una versión antigua
try{
pagina_requerida = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
pagina_requerida.onreadystatechange=function(){ // función de respuesta
cargarpagina(pagina_requerida, id_contenedor)
}
pagina_requerida.open('GET', url, true) // asignamos los métodos open y send
pagina_requerida.send(null)
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina(pagina_requerida, id_contenedor){

/*
if (pagina_requerida.readyState==1) document.getElementById(id_contenedor).innerHTML = "<img src="img/loading.gif" align="'center'" /> Aguarde por favor...";
if (pagina_requerida.readyState == 4) document.getElementById(capa).innerHTML = ajax.responseText;
*/

if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id_contenedor).innerHTML=p agina_requerida.responseText
}
__________________
Sergio Sánchez
www.sergio.es

Etiquetas: ajax, loading
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




La zona horaria es GMT -6. Ahora son las 12:39.