[AJAX] #! hash-bang - comment ça marche ? des ressources ?

Bonjour à tous,

suite à un commentaire sur une de mes questions sur ce forum, qui me conseillait de me pencher du côté du hash-bang, je viens par ici pour vous poser quelques questions.

1 - Y aurait-il une doc ou un tutoriel simple pour mettre en place un hash-bang ?

2 - Voici mon code ci-dessous.
j'aimerais donc obtenir quelque chose du genre monsite/#!/page01

comment est-ce possible ?
et suis-je dans le bon raisonnement pour obtenir tout les bénéfices du hash-bang ?

merci de votre aide ! :)

Code:

---

1 2 3 4 5 6

function getCurrentUrl() { // l'url reprend le href de : exemple : "#projet1 a" -> page01.html url = $("#"+deployer.substring(0,6)+' a').attr('href'); $($.get(url, function (data{$("#bigload").empty().append(data);},'html') ); }

---

Bonjour,

1 . La documentation à ce sujet se trouve ici : https://developers.google.com/webmasters/ajax-crawling/ https://developers.google.com/webmas...etting-started

2 . Je ne vois pas le rapport entre ton code et les google hash bang.
Pour changer le hash d'une page il faut changer la valeur de

Code:

---

window.location.hash

---

, par exemple :

Code:

---

1 2 3 4 5 6

window.location.hash = '#!/mapage'; $.ajax({ url : '/ajax.php?p=mapage', // ... });

---

Ensuite conformément à ce qui est écrit dans la documentation de google il faut que tu gères l'accès aux URLs de la forme /?_escaped_fragment_=mapage
Cette page doit renvoyer exactement le même contenu HTML que quand tu changes ta page en AJAX dynamiquement.

en effet aucun rapport, c'est mon code de base vierge de tout code lié au hash-bang

je ne comprends pas le cheminement entre faire un get(url ... ) et lire cette même page en declenchant toutes les actions (le slide to qui la fait apparaitre etc...)

pourrais tu si possible m'éclairer en 3 étapes sur ce que je dois modifier pour passer de mon truc normal à mon truc hash bang ?

Citation:

---

je ne comprends pas le cheminement entre faire un get(url ... ) et lire cette même page en declenchant toutes les actions (le slide to qui la fait apparaitre etc...)

---

En fait le principe est le suivant : Google détecte dans ta page les liens qui contiennent des hash bangs, par exemple :

Code:

---

<a href="/#!/news">News</a>

---

Sauf que comme le contenu de ces liens est généré dynamiquement, Google ne pourra pas indexer le contenu en accédant à /#!/news car !/news est une ancre, pas une URL réelle. Du coup Google a définit un principe qui dit qu'il va aller chercher le contenu de la page /#!/news à l'adresse suivante : /?_escaped_fragment_=/news.

Ensuite, imaginons que tu utilises PHP, tu pourrais faire ca :

Code:

---

1 2 3 4 5 6

if(isset($_GET['_escaped_fragment_'])){ $fragment = $_GET['_escaped_fragment_']; if($fragment === 'news') show_complete_news_page(); }

---

(ceci est un simple exemple de compréhension de fonctionnement)

Tu peux aussi utiliser htacces pour rediriger toutes les requetes de type _escaped_fragment_ vers un script particulier.

Concernant le déclenchement des slides to etc...
Prenons toujours l'exemple du lien <a href="/#!/news">. Il te faut un moyen de détecter le click sur ce lien (ou du moins le changement de hash bang dans la barre). Tu peux utiliser pour cela le plugin jQuery http://benalman.com/projects/jquery-hashchange-plugin/

Il te permet de faire ceci :

Code:

---

1 2 3 4 5 6 7

jQuery(window).hashchange(funtion(){ var hash = window.location.hash; if(hash === '!/news'){ loadNewsPage(); // slideto etc... } });

---