Preloader en otro div

[SeaPirates]

Hola, tengo este script, que lo que hace es incluir la página dentro del div con id show, con hash, y mientras carga sale un loading, el problema es que sale dentro del mismo div donde se incluye la información, hay algún modo de hacerlo para que el gif del loading aparezca en otro div?

Dejo el codigo:

Código:

<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function(){

    //obtener hash
   var jash = window.location.hash;
    // comprobamos si existe un hash valido
   if(jash.length > 1){
      // si existe buscamos el enlace que contiene ese hash en el href y cojemos su atributo "title"
      var href = $("a[@href="+jash+"]").attr("title");
      // cargamos la página que se solicita vía hash
$("#show").load(href);
   }
   //######
   
   
   //código del menu, nada nuevo aquí
   $("#nav a").click(function(){
      var href = $(this).attr("title");
$('#show').html('<img src=loading.gif>').load(href);


   });


});

</script>

<ul id="nav">
   <li><a href="#m=enlace1" title="pag_1.php">Enlace 1</a></li>
   <li><a href="#m=enlace2" title="pag_2.php">Enlace 2</a></li>
</ul>

<div id="show"></div>

[enrique4480]

pon otro div y del mismo modo que lo muestras en ese.

[SeaPirates]

Ya, pero no funcionará, porque actualmente el loading se va cuando carga la pagina en ese div, si yo pongo en otro div como no tiene que cargar ninguna pagina en ese div, el loading no se ira.

[enrique4480]

tu pones el loading cuando se haga click, despues especificas una funcion callback (dale un ojo a la documentacion de load) y ahi lo quitas.

[SeaPirates]

Código Javascript:

$(document).ready(function(){
 
    //obtener hash
   var jash = window.location.hash;
    // comprobamos si existe un hash valido
   if(jash.length > 1){
      // si existe buscamos el enlace que contiene ese hash en el href y cojemos su atributo "title"
      var href = $("a[@href="+jash+"]").attr("title");
      // cargamos la página que se solicita vía hash
$("#show").load(href);
   }
   //######
   
   
   //código del menu, nada nuevo aquí
   $("#nav a").click(function(){
      var href = $(this).attr("title");
$('#show').load(href, function(response, status, xhr){
 if (status == "error") {
    var msg = "<div class='ajax_error'>Lo sentimos pero esta p&aacute;gina no existe o est&aacute; siendo actualizada en estos momentos</div>";
    $("#show").html(msg);
  }
});
$('#loading').html('<img src=images/ajax-loader.gif>');
   });
 
});
 

Así estaría bien? Porque nose que hice que cuando carga la pagina el loader desaparece :/. Funciona como yo queria pero sin haver hecho demasiado..
No se si es algun error o que

[enrique4480]

Código Javascript:

$("algo").click(function(){
 $("otro-div").html("cargando...");
 $(this).load("pagina",function(){
   $("otro-div").html("terminado");
 });
});
 

ya te lo adaptas a tu gusto para en caso de error mostrar lo que necesites.