Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/04/2013, 12:45
Cloudz
 
Fecha de Ingreso: agosto-2012
Mensajes: 18
Antigüedad: 12 años, 3 meses
Puntos: 0
Pregunta Mostrar Imagen tiempo determinado ajax

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"_paginatrue);
    
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&oacute;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