Es con el AJAX de Jquery y el History ó Historial para volver atrás, adelante, etc.
Les cuento:
Cuando pruebo en el Internet Explorer el código AJAX hecho con Jquery y con la implementación de j.History al hacer Click en los enlaces, se genera el historial en el navegador Internet Explorer y pues el botón de Atrás de dicho navegador se ilumina y activa, de manera que navegando por los demás Links que en la misma página me dan un contenido vía Ajax, no hay NINGUN problema de navegación.
Ahora: El problema es cuando le doy a Refresh ó Refrescar o Botón de Actualizar la Página, pues derrepente el botón ATRAS y ADELANTE se aclarán como si recien estuviera abriendo la página y pues el historial se borra y no se puede seguir usando la aplicación AJAX despues de refrescar.
La cuestión también es que el código que estoy usando es una REPLICA del código que precisamente dan de ejemplo en una página donde se explica cómo funciona el j.History, y allí en ese ejemplo al navegar y refrescar la página, no pasa nada, sino que se refresca y los botones ATRAS y ADELANTE siguen funcionando perfectamente !!!
... La pregunta es:
¿Que está pasando con mi código?
¿Es mi computadora? >> No lo creo pues probé en otra computadora y es igualito !!!
Help por favor !!!
Aqui les dejo el Código donde está la Página Fuente donde todo funciona correctamente y es igual a mi prueba:
Código PHP:
<!-- FUENTE: www.http://www.mikage.to/jquery/jquery_history.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>history plugin</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.history.js"></script>
<script type="text/javascript">
function pageload(hash)
{
if(hash)
{
$("#load").load(hash + ".html");
}
else
{
$("#load").html('Vacio');
}
}
$(document).ready(function(){
$.historyInit(pageload);
$("a[rel='history']").click(function(){
var hash = this.href;
hash = hash.replace(/^.*#/, '');
$.historyLoad(hash);
return false;
});
});
</script>
</head>
<body>
<a href="#1" rel="history">load 1</a><br>
<a href="#2" rel="history">load 2</a><br>
<a href="#3" rel="history">load 3</a><br>
Loaded html:
<div id="load"></div>
</body>
</html>
