Charger au sein d'une même page en changeant l'URL

Bonjour,

Sur une page contenant plusieurs liens, je cherche à les afficher dans une partie de cette même page, comme par exemple ici :
http://www.gfsmith.com/collection/
Ou encore ici :
http://go-wander.org/

Ces deux sites semblent utiliser des méthodes différentes. Comprenez-vous et pourriez-vous m'expliquer avec quelles technologies et comment elles fonctionnent ? Ce qui est important pour moi c'est que ce contenu chargé dans la page possède un URL propre qui s'affiche dans la barre d'adresse.

Merci d'avance !
Modifié par acarchi (18 Jun 2014 - 16:48)

Hello,

Je pense que notre ami modifie l'URL en JS.

Tu trouveras des explications ici :
http://fr.openclassrooms.com/forum/sujet/ajax-modifier-la-barre-url-28042

EDIT: Après avoir regardé de plus près, il s'agit de liens "classique". Il n'y a donc pas d'artifices. Par contre, je suis assez curieux de comprendre comment le tout est si fluide et sans saccade ^^

@+
Yokii
Modifié par Yokii (18 Jun 2014 - 17:07)

Donc il aurait déjà la technologie du "hash" existante. Quoi d'autre ?

Il est également super que le bouton précédent fonctionne sur les liens ouverts dans cette page :
http://www.gfsmith.com/collection/
Modifié par acarchi (18 Jun 2014 - 17:27)

Les 2 exemples utilisent des techniques désuètes. Pour avoir une navigation fluide en Ajax tout en gardant l'historique de navigation (donc une URL par ressource) on utilise maintenant une technique qui s'appelle Pjax.

Tu as un article (en anglais) qui explique la technique ici :

http://ntotten.com/2012/04/09/building-super-fast-web-apps-with-pjax/

Et le plug-in Pjax (jQuery) qui permet de mettre cela en oeuvre de la manière la plus simple :

https://github.com/defunkt/jquery-pjax

Bonjour,

Voici un article qui explique plutôt bien comment tout ça peut fonctionner (sans jquery) :

http://diveintohtml5.info/history.html

Amicalement,

Super !!!
Je vais regarder cela en détail. Merci pour votre expertise !

++