http://www.cristalab.com/tutoriales/...-ajax-c70657l/
y lo estoy probanco aca
http://cateringasmeigas.es/jQuery2/
si pulso sobre los enlaces funciona bien, pero si pego uno de los enlaces en la barra de direcciones no hace nada, supuestamente en el ejemplo dice que se puede conpartir las direcciones HASH
gracias
Cita:
<!DOCTYPE html>
<html lang='es'>
<head>
<title>Tabs con hash y ajax</title>
<meta name='description=' content=''>
<meta charset='utf-8'>
<script src='jquery-1.7.2.min.js'></script>
<script src='html5.js'></script>
<script>
$(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
$('section').load(href);
}
//######
//código del menu, nada nuevo aquí
$('nav a').click(function(){
var href = $(this).attr("title");
$('section').load(href);
});
});
</script>
</head>
<body>
<!-- menu -->
<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>
</nav>
<!-- contenedor donde cargaremos el html externo -->
<section></section>
</body>
</html>
<html lang='es'>
<head>
<title>Tabs con hash y ajax</title>
<meta name='description=' content=''>
<meta charset='utf-8'>
<script src='jquery-1.7.2.min.js'></script>
<script src='html5.js'></script>
<script>
$(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
$('section').load(href);
}
//######
//código del menu, nada nuevo aquí
$('nav a').click(function(){
var href = $(this).attr("title");
$('section').load(href);
});
});
</script>
</head>
<body>
<!-- menu -->
<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>
</nav>
<!-- contenedor donde cargaremos el html externo -->
<section></section>
</body>
</html>
