Revision: 24395
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
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