Modificar url al hacer click

[nightramm]

Hola estoy buscando algo que me permita editar la url al presionar un botón, pero sin ir a esta url, o sea solo quiero editar lo que sale en la barra de direcciones. Ejemplo:

www.misitio.com/foto1

Al presionar boton que cambie por:

www.misitio.com/foto2

Lo único que encontré fue window.location.hash="nuevo valor" pero esto solo agrega cosas al final de la url.

www.misitio.com/foto1#nuevo valor

Bueno espero que alguien me pueda dar una mano.

[Ex_shadow]

Que uso le queres dar?

[emprear]

Iniciado por nightramm

Hola estoy buscando algo que me permita editar la url al presionar un botón, pero sin ir a esta url, o sea solo quiero editar lo que sale en la barra de direcciones. Ejemplo:

www.misitio.com/foto1

Al presionar boton que cambie por:

www.misitio.com/foto2

Lo único que encontré fue window.location.hash="nuevo valor" pero esto solo agrega cosas al final de la url.

www.misitio.com/foto1#nuevo valor

Bueno espero que alguien me pueda dar una mano.

NO se puede (agregar el hash a la misma página, incluso cargar contenido nuevo manteniendo la url visible)

[nightramm]

Bien pero las galerías de facbook realizan esto.... si te fijas al ir cambiando de foto en foto la id de la foto en la url se va editando y la pagina nunca se actualiza.

[emprear]

Por eso señalé "agregar el hash a la misma página"
algo.html#1
algo.html#2
es una misma url, yo, por editar entiendo cambiar
algo.html
x
otracosa.html

Hay variadas técnicas para usar el hash y por medio de este cargar distinto contenido con Ajax

http://www.cristalab.com/tutoriales/...-ajax-c70657l/
http://blog.mgm-tp.com/2011/10/must-...-applications/
http://www.using-jquery.com/2011/01/...location-hash/
Hay decenas de artículos como esos en google

Saludos

[Miguel_Mendez]

Hola nightramm

Lo puedes hacer en jquery muy facil

<a href="files/productos/imagen.jpg" class="fancybox"><img src="thumbail.gif" id="largeImage" class="productox"></a>

Código:

var nuevaImagen="thumbail2.jpg";
	$(".productox").mousedown(function(){
	$(".productox").attr("src", nuevaImagen);
	});
var imagenNormal="imagen.jpg";
	$(".productox").mouseleave(function(){
	$(".productox").attr("src", imagenNormal);
	});

saludos

[nightramm]

emprear gracias por la data voy a revisar para ver si algo me sirve.

Miguel_Mendez gracias por el aporte pero esa solución que posteaste no está dentro de lo que estoy buscando hacer, solo quiero que la url de la pagina cambie a medida que se van viendo fotos en una galería, galería la cual funciona sin recargar la pagina.

[dontexplain]

Eso se consigue de varias maneras, en navegadores que soporten Gecko, está el método de window.history replaceState

window.history.replaceState(datos,título,url)

donde url será la nueva url relativa al dominio. Para modificarlo puedes hacer uso además de window.location.pathname por si necesitas parte de la url actual.

Por ejemplo:

cambiarfotoUrl(datos,titulo,id){
// id es el número de foto
window.history.replaceState(datos,título,"foto"+id );
}

Un saludo.