Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/01/2014, 13:03
rgoc
 
Fecha de Ingreso: enero-2014
Mensajes: 1
Antigüedad: 10 años, 4 meses
Puntos: 0
History API + jquery

Saludos, es mi primer tema en el foro y aprovecho para presentarme.

En primer lugar he utilizado el buscador pero lo que he encontrado al respecto no me ha servido, pido disculpas si he pasado algo por alto. Os pongo un ejemplo muy simple para entenderlo mejor.

Tengo una página html y una función simple en javascript con la que cargo una página dentro de un div al hacer click en un enlace.

El html:
Código HTML:
<!doctype html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>prueba</title>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="prueba.js"></script>
	</head>
	<body>
		<header>
			<nav>
				<ul>
					<li>
						<a id="boton1" href="#">Boton 1</a>
					</li>
					<li>
						<a id="boton2" href="#">Boton 2</a>
					</li>
				</ul>
			</nav>
		</header>
		<section>
			<div id="contenido"></div>



		</section>
	</body>


</html> 
El código javascript:

Código:
$(document).ready(function() {
        $("#boton1").click(function(event) {
            $("#contenido").load('ejemplo1.php');
        });

        $("#boton2").click(function(event) {
            $("#contenido").load('ejemplo2.php');
        });
    });
Llegado a este punto necesito que al hacer click sobre cada botón se modifique la ruta en la barra de navegación y el título de la página para mostrar fácilmente donde nos encontramos, así como poder utilizar los botones atrás y adelante. He estado informándome sobre una API en HTML5 que permite hacer esto pero no soy capaz de aplicarlo a mi proyecto , os pido ayuda. Gracias