Fil d'Ariane en JS

Version imprimable

Fil d'Ariane en JS

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:

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++ } }

08/11/2010, 18h15
Bovino

Code:

while (elem.size>i)

:nono:

Code:

while (elem.length>i)

;)
08/11/2010, 18h19
Bigoodheart

Merci :oops: ..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 :cry:

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:

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(' -> ')); } } }

08/11/2010, 18h28
Bigoodheart

Merci pour ton aide, je vais essayer ça :)

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

Code:

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>