Bonjour,
Je suis en train de faire une petite application html/javascript dont les pages se chargent en ajax (SPA)

Et j'aimerai conserver "l'adresse" de la page en cours dans l'url sous la forme #ma_page
Mais je n'arrive pas à changer le contenu plus d'une fois (ça fonctionne une première fois et après, ça ne fonctionne plus). Je ne comprends pas trop à quoi s'est dû.

voici mon code :

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
16
17
18
19
20
21
22
23
24
 
$(document).ready(function() {
 
 
	if ($(location).attr('hash')) {
		charge($(location).attr('hash').substr(1));
	} else {
		// par defaut, si aucune page indiqué dans l'url, on charge la page splashscreen
		charge("splashscreen");	
	}
 
	function charge(page) {
		$(location).attr('hash', page); // C'EST ICI QUE J'ESSAYE DE CHANGER L'ADRESSE
		$( "#app" ).load( "html/"+page+".html",function () {
			$(".btn").click(function () {
				var target = $(this).data("target");
				charge(target);
				$("body").scrollTop(0);
			});
 
		});
	};
 
});
Par défaut, j'arrive bien sur ma page qui se "renomme" automatiquement en #splashscreen
Mais après, quand je vais sur les pages suivantes, ça ne fonctionne plus.
A chaque chargement de page, j'ajoute le code sur le "onClick" pour pouvoir accéder aux pages suivantes...

Merci pour votre aide,

Axel