Foros del Web » Programando para Internet » Jquery »

Loading con slideToggle (jquery)

Estas en el tema de Loading con slideToggle (jquery) en el foro de Jquery en Foros del Web. Hola, estoy intendando crear un loading, para que cuando cargue la pagina con el hash, el loading se cierre, pero no lo consigo: Código: <script ...
  #1 (permalink)  
Antiguo 15/02/2011, 12:31
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 786
Antigüedad: 15 años, 9 meses
Puntos: 9
Loading con slideToggle (jquery)

Hola, estoy intendando crear un loading, para que cuando cargue la pagina con el hash, el loading se cierre, pero no lo consigo:

Código:
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
   //###### Código agregado para detectar si hay hash
    //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 close_load(){
$("#loading").slideUp();
}
</script>
</head>
<body>
<!-- menu -->
<ul id="nav">
   <li><a href="#m=enlace1" title="test2.php" onclick='$("#loading").slideToggle("slow");'>Inicio</a></li>
   <li><a href="#m=enlace2" title="test3.php" onclick='$("#loading").slideToggle("slow");'>Enlace 2</a></li>
   <li><a href="#m=enlace3" title="e3.html" onclick='$("#loading").slideToggle("slow");'>Enlace 3</a></li>
   <li><a href="#m=enlace4" title="e4.html" onclick='$("#loading").slideToggle("slow");'>Enlace 4</a></li>
   <li><a href="#m=enlace5" title="e5.html" onclick='$("#loading").slideToggle("slow");'>Enlace 5</a></li>
</ul>
<!-- contenedor donde cargaremos el html externo -->
<div id="show"></div>
</body>
</html>


<div id="loading" style="display:none"><img src="loading.gif"></div>
Estoy intentando de todo pero no lo consigo, cree una funcion llamada close_load pero no consegui hacer nada, como lo puedo hacer?

Última edición por SeaPirates; 15/02/2011 a las 14:09

Etiquetas: javascript, loading, slidetoggle
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:54.