Hola, mi consulta es la siguiente... Tengo este código ajax donde hago una consulta GET a un archivo php y lo muestro en un DIV.
Código Javascript
:
Ver originaladdEvent(window,'load',inicializarEventos,false);
function inicializarEventos()
{
var ob=document.getElementById('boton1');
addEvent(ob,'click',presionBoton,false);
}
function presionBoton(e)
{
var ob2=document.getElementById('busqueda');
cargarVoto(ob2.value);
}
var conexion1;
function cargarVoto(busqueda)
{
conexion1=crearXMLHttpRequest();
conexion1.onreadystatechange = procesarEventos;
conexion1.open('GET','func.php?puntaje='+busqueda, true);
conexion1.send(null);
}
function procesarEventos()
{
var resultados = document.getElementById("resultados");
if(conexion1.readyState == 4)
{
resultados.innerHTML = conexion1.responseText;
}
else
{
resultados.innerHTML = 'Cargando..'; // <--- Aqui es donde muestra el mensaje o el loader gif que generalmente se pone
}
}
//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent)
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if (elemento.addEventListener)
{
elemento.addEventListener(nomevento,funcion,captura);
return true;
}
else
return false;
}
function crearXMLHttpRequest()
{
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
Yo necesito que en lugar de que aparezca "Cargando..." o un "loader gif" aparezca el porcentaje que va ejecutándose de la pagina.. 3%... 6%.. 18%.. 56%.. 100%..
Espero se entienda mi consulta.
Saludos.-
EDIT: Ah y tmb con lo dice el titulo necesito que una ves cargado me muestre el tiempo que demoro en cargarlo.. pro ejemplo "contenido cargado en 1003 ms"