Discussion :

[Reckliss]

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.

[SpaceFrog]

Une solution relativement simple consisterait à splitte le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

self.location.href

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

[Auteur]

bonjour,

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

[SpaceFrog]

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

[Auteur]

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

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

[SpaceFrog]

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

[QuienSabe]

Une solution relativement simple consisterait à splitte le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[Bovino]

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

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

[QuienSabe]

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.

[Bovino]

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

[Watilin]

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 js :

Sélectionner tout - Visualiser dans une fenêtre à part

self.location.pathname

Par exemple :

Code console :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ).
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 regexp :

Sélectionner tout - Visualiser dans une fenêtre à part

/[^/]+/g

En pratique :

Code console :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code console :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Le reste n’est que fioritures…

[QuienSabe]

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