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 :
JavaScript :
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 <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>
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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; }); });
Merci d'avance pour vos réponses.
Cordialement.
Spirit
Partager