Navigation grâce aux hash tags
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 !
