Buenas tardes quiero ver si me podrian ayudar, resulta que tengocarga con ajax y funciona perfectamente
Esta es la funcion que uso para cargar los contenidos
Código PHP:
function ajaxFunction() {
var xmlHttp;
try {
xmlHttp=new XMLHttpRequest();
return xmlHttp;
} catch (e) {
try {
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
return xmlHttp;
} catch (e) {
try {
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
} catch (e) {
alert("Tu navegador no soporta AJAX!");
return false;
}}}
}
function Enviar(_pagina,capa) {
var ajax;
ajax = ajaxFunction();
ajax.open("POST", _pagina, true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function() {
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = "<img src='img/loading.gif' align='center' /> Aguarde por favor...";
}
if (ajax.readyState == 4) {
document.getElementById(capa).innerHTML=ajax.responseText;
}}
ajax.send(null);
}
luego esta el menu que carga lso contenidos en el div especificado
Código PHP:
<ul id="menu">
<li><a href="javascript:Enviar('contenido_index.php','carga_contenido')" id="index_h">Inicio</a></li>
<li><a href="javascript:Enviar('servicios.php','carga_contenido')" id="servicios_h">Servicios</a></li>
<li><a href="javascript:Enviar('video.php','carga_contenido')" id="herramientas_h">Herramientas</a></li>
<li><a href="javascript:Enviar('cobertura.php','carga_contenido')" id="cobertura_h">Cobertura</a></li>
<li><a href="javascript:Enviar('atencion.php','carga_contenido')" id="atencion_h">Atención al Cliente</a></li>
</ul>
El problema es esto
Código PHP:
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = "<img src='img/loading.gif' align='center' /> Aguarde por favor...";
}
quiero ver la imagen por eso me gustaria darle un tiempo predeterminado para la carga no se 2 segundos o asi para alcanzar a ver que funcione bien la imagen pero no he encontrado funcion ni delayde donde ni como ponerlo, gracias :D