En realidad no estaba seguro de donde escribir esto, ya que no hay un subforo dedicado al Ajax o al Javascript, pero continúo.
Me basé en su tutorial de Ajax para crear las funciones y modifiqué una para mostrar un cargador (además de que muestra la capa contenedora, que normalmente está escondida).
Código :
function cargar(pagina_requerida, id_contenedor) {
document.getElementById(id_contenedor).style.display = "block";
if (pagina_requerida.readyState < 4) {
document.getElementById(id_contenedor).innerHTML = "<img src=\"cargar3.gif\" /><br />cargando";
}
if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf("http") == - 1)) {
document.getElementById(id_contenedor).innerHTML = pagina_requerida.responseText;
}
}El problema es que si llamas a un documento con una imagen, muestra el cargador, desaparece y empieza a cargar la imagen normalmente, y la verdad no tengo idea de como mostrar el cargador hasta que la imagen esté cargada completamente...
Toda ayuda es bienvenida y agradecida
Ejemplo: http://alanorozco.villavicastur.com/pruebas/prueba_ajax/
