Hacer un loading

[mamon]

Hola.. quisiera q mientras estoy cargando una página con el ajax se mueste una capa donde sale un texto q dice cargando. y cuando se cargue toda esa página se vaya la capa q dice cargando.. alguien sabe como?

[caricatos]

Hola mamon:

La petición de datos con ajax es cuando usas el método send() del objeto, así que podrías mostrar esa capa inmediatamente después (o antes )

Luego en la función que defines en "onreadystate" debería ocultar esa capa...

Saludos

[Mignola]

Hola,

Yo puse un ejemplo en ajax.tokumasters.com

Código:

		var ajax = nuevoAjax();
		ajax.open("GET", pagina, true);
		ajax.onreadystatechange = function() {
			if (ajax.readyState==1) {	
				document.getElementById("cargando").style.visibility = "visible";				
			}	
			if (ajax.readyState==4) {	
				if (ajax.status==200 || ajax.status==304){
					miDiv.innerHTML =  ajax.responseText;
					document.getElementById("cargando").style.visibility = "hidden";
				}else if(ajax.status==404){
					miDiv.innerHTML =  "<h1>ERROR 404</h1><br><b>Pagina No encontrada</b><br><br>";
					document.getElementById("cargando").style.visibility = "hidden";		
				}else{
					miDiv.innerHTML =  "<h1>ERROR "+ajax.status+"</h1><br><b>"+ajax.statusText+"</b><br><br>";
					document.getElementById("cargando").style.visibility = "hidden";	
				}
				delete ajax;
			}
		}

la funcion nuevoAjax() simplemente te devuelve el xmlhttprequest. Si miras el codigo fuente de la pagina puedes verlo en /js/funciones.js

Hasta Pronto!

[MaBoRaK]

loading.........


PUedes usar los readystate

ajax.readyState==1 //iniciando
ajax.readyState==2 //enviando
ajax.readyState==3 //recibiendo
ajax.readyState==4 //cargado



connection closed.