Problemas con codigo javascript

[Master_raven]

Que tal a todos, espero me puedan ayudar con esto, estoy haciendo una pagina que en un enlace carga un menu con un evento ajax, que seria este

Código HTML:

function CargarContenido(Pagina,Destino){
   var contenedor;
   var ajax;
   LoadingOn()

   contenedor = document.getElementById(Destino);
   ajax = NuevoAjax(ajax);
   ajax.open("GET", Pagina, true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         contenedor.innerHTML = ajax.responseText;
      }
   }
   ajax.send(null);
}

El evento me funciona muy bien y me carga el submenu con esto no tengo ningun problema, el problema se ya que yo e agregado un Loading para mi pagina y al momento de dar click en el enlace este se activa y al momento de terminar la carga del sub menu este deberia de desactivarce, pero no pasa nada

estos son mi Loadin On y Off

Código HTML:

//Evento para abrir el cargando de la pagina
function LoadingOn() {
	div = document.getElementById('Cargando');
	div.style.display='block';
}

//Evento para cerrar el cargando de la pagina
function LoadingOff() {
	div = document.getElementById('Cargando');
	div.style.display='none';
}

el on lo ago con evento onclick y todo bien y el off lo imprimo en la pagina cargada con ajax

Código HTML:

<div id='CPanelLg'>
<div id='CPanelLh'>Opciones Extras</div>
<div id='CPanelLb'>
&nbsp;&nbsp;&nbsp;<a onclick=\"javascript:Abrir_ventana('_php/ven/sallmod.php');\" title='Ver ttodos los modelos' href='#'><img src='img/pert_chart.png' />&nbsp;&nbsp;Ver Todos los Modelos</a><br /></div>
</div>
<script type="text/javascript">
LoadingOff()
</script> 

lo que me rspondo es que como la pagina se esta cargando sin actualizar el evento no se ejecuta, pero bueno talves alguien me puede ayudar.


Gracias

[Adler]

Hola

En la función CargadoContenido usa los tres primeros estados para mostrar la imagen de cargando

Suerte

[Master_raven]

Perdon se me olvido colocarlo, la funcion LoadingOn() la coloco en el evento CargarContenido() y e LoadingOff() lo coloco en el contenido cargado, el LoadingOn() me funciona de maravilla pero el LoadingOff() no se ejecuta

[Adler]

Hola

Esto parece mas sencillo que tener que mandar a las funciones

Código Javascript:

if (ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3) {
document.getElementById('Cargando').style.display='block';
}
else if (ajax.readyState==4){
if(ajax.status==200){   
document.getElementById('Cargando').style.display='none';
contenedor.innerHTML = ajax.responseText;
 

Suerte

[Master_raven]

Código Javascript:

function CargarContenido(Pagina,Destino){
   var contenedor;
   var ajax;
   
   contenedor = document.getElementById(Destino);
   ajax = NuevoAjax(ajax);
   ajax.open("GET", Pagina, true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3) {
          document.getElementById('Cargando').style.display='block';
      } else if (ajax.readyState==4){
          if(ajax.status==200){  
              document.getElementById('Cargando').style.display='none';
              contenedor.innerHTML = ajax.responseText;
          }
      }
   }
   ajax.send(null);
}
 

Me a quedado asi, estoy bien o lo e colocado mal?

[Adler]

Hola

Iniciado por Master_raven

Me a quedado asi, estoy bien o lo e colocado mal?

Está bien

Suerte

[Master_raven]

Exelente hoy lo e provado y quedo de lo mejor, deveras que te estoy muy agradecido