Bread crumb path on homepage

There is a bread crumb path on my company's intranet homepage.   I'm using ASP & HTML to build this homepage.  

eg.  You are here:  Home / HR / Announcements / Benefits / current page

How do I make each section a clickable link to it's respective folder?  The path should show what page the user is on in relation to the homepage and the links followed to get there.

eg.  Clicking on Home takes you to homepage
       Clicking on HR takes you to the HR folder
       Clicking on Announcements takes you to the Announcements folder
       ....etc

Please provide ASP code.

jckwooAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

IguanasanCommented:
<%
DIM sTemp, aTemp, sBreadCrumbs, sNewPath
sTemp = Request.ServerVariables("PATH_INFO")
aTemp = Split(sTemp,"/")
for i = 0 to UBound(aTemp)
      sNewPath = sNewPath & aTemp(i) & "/"
      sBreadCrumbs = sBreadCrumbs & "<a href=" & sNewPath & ">"
      if Len(aTemp(i)) = 0 then
            sBreadCrumbs = sBreadCrumbs & "Home"
      else
            sBreadCrumbs = sBreadCrumbs & aTemp(i)
      end if
      sBreadCrumbs = sBreadCrumbs & "</a> | "
next
sBreadCrumbs = Left(sBreadCrumbs,Len(sBreadCrumbs)-3) ' Drop last separator
Response.Write sBreadCrumbs
%>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
jckwooAuthor Commented:
Hi there,
It's displaying the name of the asp file where I saved your code.

eg.  Home | test.asp
0
IguanasanCommented:
If you don't want that then change

for i = 0 to UBound(aTemp)

to

for i = 0 to UBound(aTemp) - 1
0
Cloud Class® Course: CompTIA Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

jaysolomonCommented:
What about using this Javascript breadcrumbs

<html>
<head>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--

function breadCrumbs(delimiterStr) {
loc2 = window.location.toString();
loc = loc2.toLowerCase();
subs = loc.substr(7).split("/"); // Assume the first 7 characters are http://
//Added class="breadCrumbs" so that a style sheet can be used
      document.write("<a class=\"breadCrumbs\" href=\"" + getLoc(subs.length - 1) + "\">Home</a> " +
    delimiterStr + " ");
    a = (loc.indexOf('index.') == -1) ? 1 : 2;
    if (subs[subs.length-1].length == 0) {
    a++;
}
for (i = 1; i < (subs.length - a); i++) {
    subs[i] = makeCaps(unescape(subs[i]));
//Added class="breadCrumbs" so that a style sheet can be used
    document.write("<a class=\"breadCrumbs\" href=\"" + getLoc(subs.length - i - 2) + "\">" +
    subs[i] + "</a> " + delimiterStr + " ");
}
document.write(document.title);
}
function makeCaps(a) {
    g = a.split("_");
    for (l = 0; l < g.length; l++) {
    g[l] = g[l].toUpperCase().slice(0, 1) + g[l].slice(1);
}
return g.join(" ");
}
function getLoc(c) {
    var d = "";
    if (c > 0) {
    for (k = 0; k < c; k++) {
    d = d + "../";
    }
}
return d;
}
//-->
</script>
</head>

<body>
<!--
      Use this if you want to use an arrow image
<script type="text/javascript">breadCrumbs("<img src='ArrowRight.gif'>");</script>

-->
<br />
<script type="text/javascript">breadCrumbs(">");</script>

</body>
</html>
0
bjrcreationsCommented:
I believe Iguanasan's code assumes that each breadcrumb is a path back to the root directory. This is not always the case. You may be on "Home / HR / Announcements / Benefits /", but you could still only be in the folder "Home / HR". Best practice for breadcrumbs: what is the optimum path you want your users to travel to access this information? Then display those breadcrumbs. This often requires manually programming the breadcrumbs.
0
IguanasanCommented:
bjrcreations makes a good point.  As for my code: I just gave him what he asked for.
0
bjrcreationsCommented:
Iguanasan, you are right - your code works great given his requirements.
0
jckwooAuthor Commented:
Bjrcreations & Iguanasan,

Is there a way to make this work?    I should clarify that there is drop navigation bar on top of the page.   Each time you go to a folder & subfolders, the breadcrumb path changes.  
0
IguanasanCommented:
It does work.  I'm not sure I understand the question.
0
bjrcreationsCommented:
jckwoo,

Isn't that what you want? When you go to a folder or subfolder, it changes the path to include that folder or subfolder - right? So if you were on "Home / HR" and you click on the Announcements link (taking you to the announcements folder), you are now in "Home / HR / Announcements". If this is the case, Iguanasan's code should work.

bjrcreations
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP

From novice to tech pro — start learning today.