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 Javascript
:
Ver original<!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>
Cita:
Iniciado por JinRoh 
Hola, me gustaria saber si es posible cambiar la URL del navegador mediante javascript (sin refrescar la página).
Llevo una página de videos, en el cual los videos se seleccionan mediante javascript, pero me gustaria que al hacer click en, por ejemplo, el enlace javascript para el video 20 , la URL se cambiara a BASE/?video=20 (que también es un enlace válido, pero utilizo el javascript por que no me gusta que se refresque la página)
Alguna idea de como hacerlo? O alguna forma de ir a ?video=XX sin refrescar la página? Tenia una idea de , refrescar la página y luego ir al "anchor" del reproductor, para que casi no se notase el refresco, pero aun no encontré una solución válida (forosdelweb.com/showthread.php?t=463995)
Saludos y gracias