Foros del Web » Programando para Internet » Javascript »

History API + jquery

Estas en el tema de History API + jquery en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/01/2014, 13:03
 
Fecha de Ingreso: enero-2014
Mensajes: 1
Antigüedad: 10 años, 11 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

Etiquetas: api, history, html, jquery, js, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:34.