Navigation grâce aux hash tags

[Logarithmix]

Bonsoir à tous,

j'ai quasiment terminé le développement de mon site perso. J'ai utilisé jQuery à plusieurs endroits, pour par exemple ne pas avoir à rafraichir ma page tout entière.
Cependant, je n'arrive pas à "sauvegarder" le contenu généré afin qu'on puisse accéder à une section spécifique de mon site via les hash tag dans l'URL.

En gros j'ai mon index.html.
En cliquant sur mon menu "Contact", l'URL devient index.html#contact et le contenu de "Contact" apparait sur ma page.
Mais si je voulais vous envoyer le lien de la page directement : index.html#contact, vous ne tombez que sur mon index, et non sur ma page avec le contenu de contact.

J'ai regardé du côté du plugin jQuery history, mais je vous avoue que je n'y comprend pas grand chose...

Voici quelques lignes de code pour vous montrer comment je charge mon contenu :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
$(document).ready(function(){
 
	/*-------References Menu-------*/
	var sectionindex = $("#header a");
	var sectioncontact = $("#contact a");
	var sectiontravaux = $("#travaux a");
	var content = $("#page");
 
	/*-------Clic menu CONTACT-------*/
	sectioncontact.click(function(){
		sectioncontact.addClass('active');
		sectiontravaux.removeClass('active');
		document.title = "2buzzy / Contact";
		window.location.hash = "contact";
		content.hide('fast');
		content.load("contact.html #page",showNewpage());
		return false;
	});
 
	/*-------Clic menu ACCUEIL-------*/
	sectionindex.click(function(){
		sectiontravaux.removeClass('active');
		sectioncontact.removeClass('active');
		document.title = "2buzzy / Accueil";
		window.location.hash = "accueil";
		content.hide('fast');
		content.load("index.html #page",showNewpage());
		return false;
	});
 
	/*-------Clic menu TRAVAUX-------*/
	sectiontravaux.click(function(){
		sectiontravaux.addClass('active');
		sectioncontact.removeClass('active');
		document.title = "2buzzy / Travaux";
		window.location.hash = "travaux";
		content.hide('fast');
		content.load("travaux.html #page",showNewpage(),function(){
			$('#slides').slides({
			preload: true
			});
		});
		return false;
	});
 
	function showNewpage() {
		content.show('normal');
	}
 
});

Donc si vous aviez une solution afin de pouvoir accéder aux pages générées via les hash tags (ou même pouvoir faire précedent/suivant dans le navigateur), je suis preneur !

[Bovino]

Ajax et le référencement

[Logarithmix]

Bonsoir et merci de ta réponse.
Cependant je ne peux pas utiliser le php (j'ai un hébergement juste pour le nom de domaine, d'où l'utilité d'utiliser jQuery).
J'ai lu attentivement ton lien.
Je comprend le principe de vérifier le hash tag de ma page avant le chargement du contenu correspondant, mais je ne sais pas le mettre en pratique.
Je ne comprend pas comment "sauvegarder" l'état de ma page chargée avec le bon contenu....

[SpaceFrog]

sauvergarder ?

[Logarithmix]

J'entends par "sauvegarder", au niveau de l'historique.
Quand tu rentres www.2buzzy.fr/#contact dans ton navigateur, je veux que tu tombes sur mon index.html AVEC le contenu de contact chargé.
Pour le moment si tu te rends sur le lien, tu tombes juste sur l'index.
Il faut cliquer sur contact pour accéder au contenu équivalent.
Une solution ?