The JavaScript Source: Navigation : Breadcrumb Trails

Events
- JupiterEvents
- internet.com/webcasts
Jobs
Partners
Solutions
- eBooks
- Video
Shop

Home

Breadcrumb Trails

The script creates the breadcrumb hierarchy based on the directory tree. Let your visitor's know where they are on your Web site.

The JavaScript Source: Navigation : Breadcrumb Trails

Simply click inside the window below, use your cursor to highlight the script, and copy [Control]+C the script into a new file in your text editor (such as Note Pad) and save [Control+S]. The script is yours!!!

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Copperfield Publishing :: http://www.copperfieldpub.com/ */

function Crumb(Path, Name, Url) {
 	this.Path	= Path;
 	this.Name	= Name;
 	this.Url	= Url;
}

BagOCrumbs = new Array();

// add new directories here.  the format:
// Path: the name of the directory
// Name: the text you want to display onscreen
// Url:  the URL to the page for this group page or book

BagOCrumbs[0] = new Crumb("navigation", "navigation scripts", "/navigation/");
BagOCrumbs[1] = new Crumb("breadcrumb_trails", "breadcrumb trails", "/breadcrumb_trails/about_breadcrumb_trails.htm");
BagOCrumbs[2] = new Crumb("breadcrumb_demo", "breadcrumb demo", "/demos/demos.htm");

// ... we build the path and display it

var i, x;
// the character below displays between the directories; you can change it if you like.
strConcat = " | ";
strUrl = document.location.href;
strList = "<a href='/'>home</a>";
strDebug = "";
aryDirs = strUrl.split("/");
for (x=0; x < aryDirs.length; x++) {
	 for(i = 0; i < BagOCrumbs.length; i++) {
			 if (BagOCrumbs[i].Path.toLowerCase() == aryDirs[x].toLowerCase()) {
	                      strList += strConcat + "<a href='" + BagOCrumbs[i].Url + "'>" + BagOCrumbs[i].Name + "</a>";
			 i = BagOCrumbs.length;
		}
}
}

// comment out the next line to eliminate the display of the document's title
// the character below displays between the directory and the document's title; you can change it if you like.

strList += " | " + document.title;
document.write(strList);

Did you use this script? Do you like this site? Please link to us!

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions

Whitepapers and eBooks
IBM eBook: Planning a Service Oriented Architecture IBM eBook: Choosing the Right Architecture--What It Means for You and Your Business Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape? Avaya Article: Using Intelligent Presence to Create Smarter Business Applications Intel Go Parallel Article: Getting Started with TBB on Windows Microsoft Article: 7.0, Microsoft's Lucky Version? Avaya Article: How to Feed Data into the Avaya Event Processor		IBM Article: Developing a Software Policy for Your Organization Microsoft Article: Managing Virtual Machines with Microsoft System Center Intel Go Parallel Article: Intel Threading Tools and OpenMP HP eBook: Storage Networking , Part 1 Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007 MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts
HP Video: StorageWorks EVA4400 and Oracle HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind		Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2 MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook Iron Speed Designer Application Generator		MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos
Silverlight 2 App and Walkthrough: Leverage Silverlight 2 with SQL Server and XML IBM Article: Enterprise Search--Do You Know What's Out There? HP Demo: StorageWorks EVA4400		Microsoft Article: The Progress and Promise of Deep Zoom Microsoft How-to Article: Get Going with Silverlight and Windows Live MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES