Discussion :

[nicolas2603]

Bonjour, je navigue dans mon site en ajax grâce à jquery, mon adresse url restant donc toujours www.monsite.fr.

Or j'ai des pages de photos (plugin Galleriffic), et après avoir visionné des photos je me retrouve avec une url du genre www.monsite.fr/#59, le numéro correspondant au numéro de la photo.

Comment peut-on faire pour supprimer ce #59 lors du clic sur un autre lien, voire dans le pire des cas le remplacer par un #0 ?

Merci d'avance, je n'ai pas trouvé comment modifier mon url.

[ordiminnie]

Sache avant tout que ce type d'url "immobile" est contraire aux bonnes pratiques de développement et à l'accessibilité. Par exemple, tes visiteurs ne pourront pas appliquer un favoris sur tes pages.
Si tu souhaites manipuler tes url afn qu'elles soient plus jolies (par exemple : www.monsite.com/photo59), tu peux utiliser l'url rewriting.

Mais si tu souhaites continuer sur ta lancée, tu dois simplement utiliser le paramètre type: "POST" dans ta fonction $.ajax (et non pas $.post() qui est une version simplifiée) comme expliqué ici http://docs.jquery.com/Ajax/jQuery.ajax#options

[nicolas2603]

Oui je sais que c'est au contraire aux bonnes pratiques. Je vais essayer de me pencher sur l'url rewriting pour adapter un peu ça.
Concernant le paramètre type POST de ma fonction $.ajax, le hic c'est que je ne passe pas par cette fonction pour naviguer, mais comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$("#menu li").click(function() {
	ajax_page("#page", "<img src='img/loading.gif' />", $(this).find("a").attr("href"));
	return false;
});
 
function ajax_page(ele,msg,url) {
	$(ele).fadeOut("slow", function() {
		$(ele).html(msg).fadeIn("slow", function() {
			$(ele).load(url+" "+ele, null, function() {
				var tampon = $(ele).html();
				$(ele).html(msg).fadeOut("slow",function() { $(ele).html(tampon); });
			});
		});
	});
}

Est-ce que c'est adaptable ?