Posted By

angelpatxi on 03/01/10

Tagged

Versions (?)

Last Edited at 03/01/10 07:50am

Statistics

Viewed 1284 times

Favorited by 0 user(s)

Related snippets

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

/ Published in: ASP

Highlighted TextExpand

<!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> 
 
<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> 
 
<div id="show"></div> 
</body> 
</html>

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

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.