Fil d'Ariane en JS

**Bigoodheart** · 08/11/2010, 18h10

Bonjour,

Je débute en JS et j'essaye de réaliser un Fil d'Ariane pour une application web :
Je voudrai à partir du "self.location.pathname" découper chaque partie de l'arborescence et la mettre dans un href séparé par un "->" je bloque avec cette fonction java script qui est loin d'être correcte pour le moment ..quelqu'un pourrait me donner un petit coup de pousse s'il vous plait ???

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function breadcrumb(){
var url =self.location.pathname;
var i = 0;
var elem = url.split('/');
while (elem.size>i){
var myLink = document.createElement('a');
myLink.setAttribute('href',elem[i]);
var spanAppend = document.getElementById('td1');
spanAppend.appendChild(myLink);
i++
}
}

**Bovino** · 08/11/2010, 18h15

Code :

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

while (elem.size>i)

Code :

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

while (elem.length>i)

**Bigoodheart** · 08/11/2010, 18h19

Merci

..c'est déjà mieux !

en fait je bloque sur la façon dont je dois générer mes "href" dynamiquement et les séparer avec un -> à la fin !

Quelqu'un pourrait me souffler une petite idée je vous prie !

je bloque sur un truc bidon, ça m'démoralise

**Bovino** · 08/11/2010, 18h25

Il suffit d'ajouter un noeud texte

Ceci dit, tu commets quelques erreurs : la condition du while va bloquer pour i = elem.length et il n'est pas bon de déclarer des variables à l'intérieur d'une boucle.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function breadcrumb(){
var url =self.location.pathname, myLink, spanAppend = document.getElementById('td1');
var i = 0;
var elem = url.split('/');
while (i < elem.size){
myLink = document.createElement('a');
myLink.setAttribute('href',elem[i]);
spanAppend.appendChild(myLink);
if(i < elem.size - 1){
spanAppend.appendChild(document.createTextNode(' -> '));
}
}
}

**Bigoodheart** · 08/11/2010, 18h28

Merci pour ton aide, je vais essayer ça

**SpaceFrog** · 09/11/2010, 09h46

j'aurais fait avec un array et un join ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
function breadcrumb(){
var url =self.location.pathname, myLink, 
spanAppend = document.getElementById('td1');
var i = -1;
var elem = url.split('/');
elem.shift()
var train= new Array()
while ( elem[++i]){
	train.push(elem[i].replace(/(.*)/,'<a href="'+elem.slice(0,i+1).join("/")+'">$1</a>'));
}
spanAppend.innerHTML=train.join('->')
}
</script>
</head>
 
<body onload="breadcrumb()">
<span id="td1"></span>
</body>
 
</html>

Fil d'Ariane en JS

JavaScript

Discussions similaires

Partager

Partager