Funcion actualizar Ajax

[UkySoft]

Hola buenos dias a todos,

Bien tengo una pequeña duda, tengo mi página web que funciona con un sistema modular mediante Ajax, con el siguiente code:

Código:

		$(document).ready(function(){
			$.ajaxSetup ({
				cache: false
			});
		var ajax_load = "<img src='img/load.gif' alt='loading...' />";
			$(".ajaxmenu").live("click", function(){
				myUrl= $(this).attr('href');
				if (myUrl.match('#')) {
		  			var myAnchor = myUrl.split('#')[1];
		  			var loadUrl = myUrl.split('#')[0];
				}else{
					var loadUrl = $(this).attr('href');
				}
			$("#contenido").html(ajax_load).load(loadUrl,function(){
 				if (myUrl.match('#')) {
				  var targetOffset = $("a[name='"+myAnchor+"']").offset().top; 
				  $('html').animate({scrollTop: targetOffset}, 400); 
				}
			 }
			);
			return false;		
		});
		});

La duda que tengo es saber como puedo hacer para que cuando pulsen el boton actualizar no se refresque todo, es decir si das al boton refrescar lo que hace es ir a la página principal (inicio.php) y yo lo que quiero es que si pulsan refrescar se refresque en la pagina en la que esta!

Un saludo,
Juanjo Berbel

[maycolalvarez]

puedes utilizar el hash de la url para marcar en el historial todas las peticiones ajax, existe el plugin jquery history que lo controla, pero no se si sea compatible con el pushState de HTML5

[UkySoft]

Primero de todo, gracias por contestar, pero ahora si que estoy perdido, me podrias hechar un cable de como lo tendria que hacer y que tendria que implementar en el code?

GRACIAS!

[maycolalvarez]

solo con investigar puedes encontrar respuestas, además te he dicho que el plugin de jquery history lo hace todo, solo que no sé si es compatible con HTML5 pushState ¿es muy difícil abrir google para buscar información?

[UkySoft]

Ese es el tema que no es compatible...

[maycolalvarez]

Iniciado por UkySoft

Ese es el tema que no es compatible...

bueno, tampoco es para tanto, al final sin pushState funciona, además que implementar pushState es mucho más fácil que lo anterior, solo que para hacerlo crossbrowser debes de verificar primero si el navegador es compatible

y quien sabe si en la próxima versión del plugin agregan la compatibilidad, o la puedes añadir tu mismo.

[UkySoft]

Siento volver a molestar, pero debo ser un negado para esto, he intentado combinar el codigo con hash, pero como la URL no me la cambia me mantiene siempre la misma, pues estamos en lo mismo, he intentado seguir este manual:

http://www.miguelmanchego.com/2010/s...ras-navegador/

Pero nada, no consigo cambinarlo, si alguien me puede hechar un cablee.... Es que de Ajax no tengo mucha idea, la verdad!

[UkySoft]

Primero de todo SIENTO el doble POST, pero bueno ya he conseguido compaginarlo para que funcione el programa es el siguiente, el code queda asi:

Código:

	<script language="javascript">
		
		$(document).ready(function(){
			$.ajaxSetup ({
				cache: false
			});
		var ajax_load = "<img src='img/load.gif' alt='loading...' />";
			$(".ajaxmenu").live("click", function(){
				myUrl= $(this).attr('href');
				if (myUrl.match('#')) {
		  			var myAnchor = myUrl.split('#')[1];
		  			var loadUrl = myUrl.split('#')[0];
				}else{
					var loadUrl = $(this).attr('href');
				}
			$("#contenido").html(ajax_load).load(loadUrl,function(){
				document.location.hash = loadUrl;
 				if (myUrl.match('#')) {
				  var targetOffset = $("a[name='"+myAnchor+"']").offset().top; 
				  $('html').animate({scrollTop: targetOffset}, 400); 
				}
			 }
			);
			return false;		
		});
		});
	</script>
	<script type="text/javascript">
	
        var ratPack = $.sammy(function() {

          this.element_selector = '#contenido';
   			  var url = window.location.hash;
			 var sustraido = url.substring(1);
			 
	
		this.get('#inicio.php', function(context) {
	
              context.app.swap('');	  
			context.$element().load('inicio.php');
          });

	this.get(url, function(context) {
        context.app.swap('');
        context.$element().load(sustraido);
		});
        });

        $(function() {
          ratPack.run('#inicio.php');
		  
        });

    </script>

Haber me explico, la opción volver funciona si pongo:

Código:

this.get('#inicio.php', function(context) {
	
              context.app.swap('');	  
			context.$element().load('inicio.php');
          });

es decir funciona si pongo el nombre del ancla, si hago que lo lea de la url y a traves de hay cargue no funciona, si me pudierais hechar un cable...


MUCHAS GRACIAS!