-
Navigation par ancre
Bonjour,
Après trois jours de recherche infructueux, je viens vous demander un peu d'aide. Qui sait ? Peut-être avez-vous déjà entendu parler d'une solution qui marche ? :lol:
Pour le sujet, rien de plus simple, je souhaiterai sur mon projet Web2.0 (ça ronfle, hein ?) permettre une navigation (précédent, suivant, etc...) sans recharger la page. Peut-être l'aurez-vous remarqué, si vous allez sur deezer, gmail et pas mal d'autres sites du genre, quand vous naviguez, ça change dans l'url uniquement la partie après l'ancre #. Et quand vous faites précédent, ca rechange cette partie (c'est le navigateur qui le fait), et en JavaScript, un genre d'event doit être déclenché et ça rechange le contenu (sans "recharger" la page)...
En essayant de chercher sur le net, j'ai vu des soluces genre un setInterval("checkAnchor();", 500) pour vérifier toutes les 500 millisecondes l'url -> Pas rigoureux et lourd pour le client... ou d'autres "ébauches" qui ne fonctionnent pas tout le temps.
Enfin bref, rien de bien définit.
Pour info, j'utilise la lib prototype.
Donc ma question sera : Avez-vous déjà entendu parler ou vu ou implémenté un fonctionnement de ce type ?
Merci d'avance pour vos réponses
-
Oui bien sur...C'est de l'AJAX.
Alors deux solutions (que je vois à cette heure) :
- Tu as une seule balise conteneur et tu recharges son contenu par AJAX (le pur AJAX avec requête PHP et cie.). Un peu comme ceci : Développer un calendrier dynamique avec AJAX et PHP
- Tu as plusieurs balises (mais c'est lourd si tu as un contenu assez conséquent). Une seule à display:block et toutes les autres à none et tu affiches en fonction du clic. Un peu comme dans ce tutoriel : Créez une boîte d'onglets avec CSS et jQuery - partie 2 : le code JavaScript
-
Bonsoir,
Merci pour ta réponse.
Concernant, AJAX, oui c'est effectivement de ça que je veux parler. Mais plus précisément de la navigation par ancre.
C'est à dire, si tu change l'ancre manuellement dans l'url que ça lance l'affichage de la page correspondante.
Idem quand tu utilise la fonction de navigation précédent/suivant...
Je viens de trouver un document qui s'était caché sur le Web ^^
http://www.clever-age.com/veille/blo...n-en-ajax.html
Apparement, ça marcherai... sauf sous IE7 (normalement IE, ça marche jamais :lol:)