HTML Javascript Breadcrumbs
<HEAD>
<html>
<head>
<script language="JavaScript">
function breadcrumbs(){
sURL = new String;
bits = new Object;
var x = 0;
var stop = 0;
var output = "<div class=topnav><A HREF=/>Hyperdisc</A> » ";
sURL = location.href;
sURL = sURL.slice(8,sURL.length);
chunkStart = sURL.indexOf("/");
sURL = sURL.slice(chunkStart+1,sURL.length)
while(!stop){
chunkStart = sURL.indexOf("/");
if (chunkStart != -1){
bits[x] = sURL.slice(0,chunkStart)
sURL = sURL.slice(chunkStart+1,sURL.length);
}else{
stop = 1;
}
x++;
}
for(var i in bits){
output += "<A HREF=\"";
for(y=1;y<x-i;y++){
output += "../";
}
output += bits[i] + "/\">" + bits[i] + "</A> » ";
}
document.write(output + document.title);
document.write("</div>");
}
</script>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript" TYPE='text/javascript'>breadcrumbs()</SCRIPT>
</body>
</html>
Comments on this snippet
I see no attribution.
This code was 1st published on evolt in 2001: http://www.evolt.org/article/Breadcrumbs_in_Javascript/17/15480/index.html
It now resides at the author's web site at http://www.whitford.id.au/webmonkey/code/breadcrumbs/position_crumbs/javascript.php
Thanks,
Justin.