Hola gente les cuento.
Tengo un script ajax para abrir paginas dentro de un div y quisiera agregarle una linea para que me muestre un preloader porque a veces tarda un poco y no se nota que esta cargando.
Encontre una linea para agregar a mi script pero se ve que lo estoy haciendo mal, porque me deja de funcionar.
Este es el script original
function loadurl(url,id){
var pagecnx = createXMLHttpRequest();
pagecnx.onreadystatechange=function(){
if (pagecnx.readyState == 4 && (pagecnx.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id).innerHTML=pagecnx.resp onseText;
}
pagecnx.open('GET',url,true)
pagecnx.send(null)
}
function loadurlkey(e,url,id){
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==13)
loadurl(url,id);
}
function createXMLHttpRequest(){
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
y esto es lo que quiero agregar:
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = "<img src="img/loading.gif" align="'center'" /> Aguarde por favor...";
}
por logica yo lo agrege y completo me queda asi
function loadurl(url,id){
var pagecnx = createXMLHttpRequest();
pagecnx.onreadystatechange=function(){
if (pagecnx.readyState==1){
document.getElementById(capa).innerHTML = "<img src="img/loading.gif" align="'center'" /> Aguarde por favor...";
}
if (pagecnx.readyState == 4 && (pagecnx.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id).innerHTML=pagecnx.resp onseText;
}
pagecnx.open('GET',url,true)
pagecnx.send(null)
}
function loadurlkey(e,url,id){
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==13)
loadurl(url,id);
}
function createXMLHttpRequest(){
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
Y bueno, aca estoy, no anda ni para atras ni para adelante.