Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/06/2010, 17:14
agpucci
 
Fecha de Ingreso: mayo-2007
Ubicación: Ramos Mejia - Buenos Aires
Mensajes: 153
Antigüedad: 17 años
Puntos: 0
load() y un boton para volver atras

Buenas noches a todos!!!!

Estoy implementando un codigo sacado de otro lado, que me carga el contenido de una web en un div, con load(), y tambien este codigo tiene para que si vos vas atras con el boton del navegador, te valla al contenido anterior cargado, igual que si hubieras estado cambiado de paginas. Pero lo que no pude hacer es crear yo un boton que me permita ir al contenido anteriormente cargado.

El codigo es este:

Código:
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.history.js"></script>

	<script type="text/javascript">
	
	$(document).ready(function () {


	    $.history.init(pageload);	
	    
		$('a[href=' + window.location.hash + ']').addClass('selected');
		
		$('a[rel=ajax]').click(function () {
		
			var hash = this.href;
			hash = hash.replace(/^.*#/, '');
	 		$.history.load(hash);	
	 		
	 		$('a[rel=ajax]').removeClass('selected');
	 		$(this).addClass('selected');
	 		$('#body').hide();
	 		$('.loading').show();
	 		
			getPage();
	
			return false;
		});	
	});
	
	function pageload(hash) {
		if (hash) getPage();    
	}
		
	function getPage() {
		var data = 'page=' + encodeURIComponent(document.location.hash);
		$.ajax({
			url: "loader.php",	
			type: "GET",		
			data: data,		
			cache: false,
			success: function (html) {	
				$('.loading').hide();				
				$('#content').html(html);
				$('#body').fadeIn('slow');		
		
			}		
		});
	}

	</script>

Y el link para cambiar el contenido del div es asi:

<a href="#page1" rel="ajax">Home</a>

Necesito llevar a una funcion la parte de volver atras, para poder asociarla a un boton.

Bueno muchas gracias a todos!!!!!
__________________
Agustín Pucci
Web Hosting Argentina