Return to Snippet

Revision: 24395
at March 1, 2010 07:50 by angelpatxi


Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Tabs con hash y ajax</title> 
<script type="text/javascript" src="/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); 
   }); 
}); 
</script> 
</head> 
<body> 
<!-- menu --> 
<ul id="nav"> 
   <li><a href="#default" title="e1.html">Inicio</a></li> 
   <li><a href="#enlace2" title="e2.html">Enlace 2</a></li> 
   <li><a href="#enlace3" title="e3.html">Enlace 3</a></li> 
   <li><a href="#enlace4" title="e4.html">Enlace 4</a></li> 
   <li><a href="#enlace5" title="e5.html" >Enlace 5</a></li> 
</ul> 
<!-- contenedor donde cargaremos el html externo --> 
<div id="show"></div> 
</body> 
</html>

Initial URL
http://www.cristalab.com/tips/utilizando-el-hash-con-javascript-y-ajax-c70657l/

Initial Description

                                

Initial Title
utilizando-el-hash-con-javascript-y-ajax Enlaces con ancla

Initial Tags

                                

Initial Language
ASP