Fil d'ariane en JavaScript

Bonjour à tous,

Voilà, je voudrais réaliser un fil d'ariane mais PAS en php comme on le voit tout le temps. :)

Je le voudrais en JavaScript tout simplement parce que je ne veux pas de base de donnée. ;)

Donc voilà, si quelqu'un savait comment faire, ce serait chouette.

Merci d'avance.

@plus.

Une solution relativement simple consisterait à splitte le

Code:

---

self.location.href

---

puis a renconstruire les liens pour chaque membre de l'array obtenu

bonjour,

en fouillant dans les contributions j'ai retrouvé ceci :
historique de navigation utilisant les cookies

fil d'ariane = train, pas historique ... ??

Citation:

---

Envoyé par SpaceFrog

fil d'ariane = train, pas historique ... ??

---

ah ? :aie:
Le fil d'Ariane ne te permet pas de revenir en arrière ?
Menu -> Item 1 -> Item 11 -> Item 111 -> etc...

Pour moi un fils d'ariane est un chemin dans l'arborescence, pas un historique, il existe une nuance...
A Reckliss de choisir ce qui lui convient historique ou train .

dans nos forum nous disposont d'un fil d'ariane:
Forum des professionnels en informatique > Webmasters - Développement Web >
JavaScript > Fil d'ariane en JavaScript

ce n'est pas un historique

Citation:

---

Envoyé par SpaceFrog

Une solution relativement simple consisterait à splitte le

Code:

---

self.location.href

---

puis a renconstruire les liens pour chaque membre de l'array obtenu

---

Bonjour,

Heu... ce serait possible de développer un peu pour les débutants ?

Citation:

---

Envoyé par QuienSabe

Heu... ce serait possible de développer un peu pour les débutants ?

---

Développer quoi ?
Commet utiliser location.href et split() ???

Ben... la question initiale c'était:
<<<Donc voilà, si quelqu'un savait comment faire, ce serait chouette.>>>

Moi, je dois dire que je débute sur js, et comme je me pose la même question...

Bref, je vais retourner voir les tutoriels.

Ben à mon avis, JavaScript n'est pas particulièrement adapté pour un fil d'Ariane...
Mieux vaut le faire coté serveur.

Citation:

---

Envoyé par SpaceFrog

Pour moi un fils d'ariane est un chemin dans l'arborescence, pas un historique, il existe une nuance...

---

Pour moi aussi, jusqu’à ce que je lise la page Wikipédia donnée par Reckliss…

Alors s’il s’agit du chemin physique c’est assez simple effectivement, et la solution a été proposée par SpaceFrog. J’en propose une variante (mais je sais pas si ça marche chez IE < 7) :

Code:

---

self.location.pathname

---

Par exemple :

Code:

---

1 2 3 4 5

>>> self.location.href "http://www.example.com/bidule/machin/chose?param=truc#anchor12"   >>> self.location.pathname "/bidule/machin/chose"

---

Ça coupe le nom de domaine ainsi que les paramètres et les ancres. En gros ça ne garde que le nécessaire :)

Ensuite, plutôt qu’un split() qui laisse toujours traîner quelques chaînes vides, je préfère une petite Regexp (question de goût 8-)).
Il s’agit de saisir tout ce qui se situe entre les slashes, donc pour aller au plus simple, garder tous les caractères sauf le slash :

Code:

---

/[^/]+/g

---

En pratique :

Code:

---

1 2	>>> self.location.pathname.match(/[^/]+/g) ["bidule", "machin", "chose"]

---

Et enfin, le petit join() qui va bien :

Code:

---

1 2	>>> self.location.pathname.match(/[^/]+/g).join(' > ') "bidule > machin > chose"

---

Le reste n’est que fioritures…

;)

Merci Watilin, non seulement c'est utile mais en plus c'est pédagogique :ccool: