Ajax, cambiar URL

дٳ⁪⁪⁪⁪⁪⁪⁪Ŧ٭ · 15 Julio 2009, 19:26 PM

[quote author=nsigned link=topic=260844.msg1269388#msg1269388 date=1247511505]
Quien?

[/quote]

Facebook...

http://www.google.com.mx/search?q=facebook&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:es-ES:official&client=firefox-a

[u]nsigned · 15 Julio 2009, 19:39 PM

Cita de: дٳ⁪⁪⁪⁪⁪⁪⁪Ŧ٭ en 15 Julio 2009, 19:26 PM
[quote author=nsigned link=topic=260844.msg1269388#msg1269388 date=1247511505]
Quien?

Facebook...

http://www.google.com.mx/search?q=facebook&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:es-ES:official&client=firefox-a
[/quote]

Ah..otra de esas redes sociales..no creo que sea tan grave no conocerla..no me gustan para nada.

Saludos

& eDu & · 16 Julio 2009, 16:34 PM

Tuenti creo que también usa algo parecido...

carlosvelez5 · 5 Diciembre 2011, 19:57 PM

Holaaa

mira pues te tengo la solución. con la función de history.replaceState y history.pushState de javascript. funciona en todos los navegadores menos en i.e, pero como alternativa para los navegadores que no soportan esta función podes implementarla con el hash.

aquí te dejo un ejemplo muy facil y práctico.

Código [Seleccionar]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>PushState</title>
    <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><!-- Actualizar -->
    <script>
 $(document).ready(function() {
  // Para navegadores que soportan la función.
  if (typeof window.history.pushState == 'function') {
   pushstate();   
  }else{
   check(); hash();
  }
    });
 // Chequear si existe el hash.
 function check(){
  var direccion = ""+window.location+"";
  var nombre = direccion.split("#!");
  if(nombre.length > 1){
   var url = nombre[1]; 
   alert(url);
  }
 }
 
 function pushstate(){
  var links = $("a");
  // Evento al hacer click.
  links.live('click', function(event) {
   var url = $(this).attr('href');
   // Cambio el historial del navegador.
   history.pushState({ path: url }, url, url);
   // Muestro la nueva url
   alert(url);
   return false;
  });
  
  // Función para determinar cuando cambia la url de la página.
  $(window).bind('popstate', function(event) {
   var state = event.originalEvent.state;
   if (state) {
    // Mostrar url.
    alert(state.path);
   }
  });
 }
 
 function hash(){
  // Para i.e
  // Función para determinar cuando cambia el hash de la página.
  $(window).bind("hashchange",function(){
   var hash = ""+window.location.hash+"";
   hash = hash.replace("#!","")
   if(hash && hash != ""){
    alert(hash);
   }
  }); 
  // Evento al hacer click.
  $("a").bind('click', function(e) {
   e.preventDefault();
   var url = $(this).attr('href');
   // Cambio el historial del navegador.
   window.location.hash = "#!"+url;
   //$(window).trigger("hashchange");
   return false
  });
 }
 
 </script>  
  </head>
  <body>
    <a href="page-help.html">help</a>
    <a href="other.html"> Otro link</a>
  </body>
</html>

Test Foro de elhacker.net SMF 2.1

Ajax, cambiar URL

дٳ⁪⁪⁪⁪⁪⁪⁪Ŧ٭

[u]nsigned

& eDu &

carlosvelez5