Utiliser le plugin jQuery.history
Bonjour,
Je suis en train de concevoir un site qui contiendra de la musique, j'ai donc fais le choix de AJAX et du framework jQuery pour naviguer sur le site en ne rechargeant qu'une partie de la page. Mais ...
Mais, je garde toujours le même URL, ce qui supprime les fonctionnalités tel que "Précédent", "Enregistrer la page" et de plus je pense que cela empêche un bon référencement.
J'ai découvert que le plugin history de jQuery pouvais contrer ce problème.
Alors voila, j'utilise jQuery de cette façon (principe) :
HTML :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <div id="header">
<ul id="menu1">
<li id="tab1" class="current"><a title="Accueil" href="index.php" onclick="change_current_tab('tab1')">Accueil</a></li>
<li id="tab2"><a title="Forums" href="forums.php" onclick="change_current_tab('tab2')">Forums</a></li>
<li id="tab3"><a title="Contacts" href="contact.php" onclick="change_current_tab('tab3')">Contacts</a></li>
</ul>
</div>
<div id="content">
<h2>{TITLE}</h2>
<p>blablabla</p>
</div>
<div id="footer"></div> |
JavaScript :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| function ajax_page(ele,msg,url){
$(ele).html(msg);
setTimeout(function(){
$(ele).load(url+" "+ele);
}, 400)
}
$(document).ready(function(){
$("#header a").click(function(){
ajax_page('#content','<p style="text-align: center; font-weight : bold; margin-top: 30px;">Chargement... <br /><br /><img src="./template/orange/images/loading.gif"></p>',this.href);
return false;
});
}); |
Je voudrais savoir, comment dans mon cas, je pourrais utiliser le plugin history pour avoir pour chaque page une ancre, et ainsi pouvoir sauver la page, faire des retours en arrière et ainsi améliorer le référencement.
Merci d'avance pour vos réponses.
Cordialement.
Spirit
