GDev Resources.com - Breadcrumb

Top Navigation - Include

Home

Forums

Index

Terms

Developer Resources

DynamicScroller

Scripts

Javascripts
• Navigation
• Miscellaneous

DHTML
• Navigation
• Scrollers

Miscellaneous
Scripts-In-Action

MultiMedia

• Flash
• Music Loops

Recommends

• WebWiz Forums
• Macromedia HomeSite
• Jasc Paint Shop Pro
• Xara Products
• SWiSH

Shareware/Freeware

• Nonags
• Tucows
• ZDNet

Coding References

• ASCII Table
• CSS Property Table
• HTML Tag Attributes

Code Generators

• Cool Tools 1
• Cool Tools 2

Breadcrumb Script: IE4 Nav4 NS6
Created by: Ron Grafe
Version 1.0
Version Date: 2/7/2002

This script will initialize when the visitor enters the site. It will dynamically build a "breadcrumb window" (list of visited pages) as the visitor moves around within the site. If the person revisits a page that is already in the 'breadcrumb' then it will not re-add the link.

The developer has the option of setting the breadcrumb window height, positioning it at the top or bottom of the browser window, or putting it in Auto-Expand mode.

If the user scrolls down a lengthy page the breadcrumb will scroll with them.

DEMO: Breadcrumb Script

Step 1: Select, Copy and paste the following code into the "HEAD" section of your HTML Page. Then change the global variables to your preference (or leave the defaults).

SELECT ALL

iens6=document.all||document.getElementById
ns4=document.layers

var pos="bottom"    // Set this to either 'top' (box positioned at top) or 'bottom' (box positioned at bottom)
var winHeight=50	// Set this to whatever 'visited link' window height you prefer
var winWidth=""		// Leave this with empty quotes to default to screen width, or replace quotes with 1 to
					// put in auto-expand mode.

//DO NOT MODIFY ANY OF THE VARIABLES OR CODE BELOW THIS LINE
var thename
var theobj
var winPositionFromTop
var theURL = new String
var thePage = new String
var theText=new String
var theCrumb = new String

function setVisitedString() {
	var strAttached=location.href.indexOf("?")
	if(strAttached != -1) {
	    theURL=location.href.substring(0,location.href.indexOf("?"))
		thePage=theURL.substring(theURL.lastIndexOf("/")+1,theURL.length+1)
		theText=unescape(location.href)
		var isPageThere=theText.substring(theText.lastIndexOf("?")+1,theText.length).indexOf(thePage)
		if(isPageThere != -1) {
			theText=theText.substring(theText.lastIndexOf("?")+1,theText.length)
		}else{
			theText=theText.substring(theText.lastIndexOf("?")+1,theText.length)+"<a href='Javascript:goToLink(""+theURL+"")' target='_self'>"+thePage+"</a> | "
		}
	}else{
	    theURL=location.href
		thePage=theURL.substring(theURL.lastIndexOf("/")+1,theURL.length+1)
		theText="<a href='Javascript:goToLink(""+theURL+"")' target='_self'>"+thePage+"</a> | "
	}
	theCrumb=theText
}

function refreshIt() {
	if(iens6&&document.all) {
		theobj.style.top=document.body.scrollTop+winPositionFromTop
	}
	if(iens6&&!document.all) {
		theobj.style.top=window.pageYOffset+winPositionFromTop
	}
	if(ns4){
		theobj.moveTo(0,eval(window.pageYOffset+winPositionFromTop))
	}
}

function goToLink(thelink) {
	clearTimeout(refreshID)
	location.href=thelink+"?"+theCrumb
}

if(ns4) {
	window.captureEvents(Event.RESIZE)
}

function handleResize() {
	location.reload()
	return false
}

window.onresize = handleResize

function clearBox() {
	var isStrAttached=location.href.indexOf("?")
	if(isStrAttached!=-1) {
		var clrStr = location.href.substring(0,location.href.indexOf("?"))
	}else{
		var clrStr = location.href
	}
	location.href=clrStr
}

</script>

Step 2: Select, Copy and paste the following code into the BODY section of your HTML page. Then place the body onload code snippet into the body tag; and use the hyperlink code snippet for your links.

SELECT ALL

Site Generated and Maintained using Macromedia Homesite

• HtmlCodeTutorial.com
• DevGuru.com
• Builder.com
• WDVL.com
• WebDeveloper.com
• WebReference.com
• Pageresource.com
• W3C

Javascript Resources

• Website Abstraction
• JavaScript.com
• JavaScript Source

DHTML Resources

• Website Abstraction
• Dynamic Drive
• Jeff Rule's DHTML

Java Resources

• JavaBoutique.com
• Sun Download Center

ASP Resources

• ASP101
• LearnASP
• PowerASP
• ASPZone

ScriptKingdom.com
Script repository
and resource site

www.hotscripts.com