GDev Resources.com - Dynamic Quick-Jump

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

Dependent Quickjump: IE4 Nav4 NS6
Created by: Ron Grafe
Version 1.0
Version Date: 6/12/2001

This Javascript navigator consists of two pulldown lists. A "Category" pulldown and a "Category Contents" pulldown. The Category Contents pulldown starts out blank. When you select a Category, the Category Contents changes according to what was selected. If you select a site from Category Contents you are automatically directed to the site. There are two versions of this script. One that opens the new page in the existing window and one that opens the new page in a new window.

DEMO: Dependent Quickjump-(existing window) ( get code )
DEMO: Dependent Quickjump-(new window) ( get code )

Dependent Quickjump-(existing window)

Step 1: Select, Copy and paste the following code into the "HEAD" section of your HTML Page.

SELECT ALL

list1array[1] = "Website Abstraction"
list1source[1] = "http://www.wsabstract.com/"
list1array[2] = "Dynamic Drive"
list1source[2] = "http://www.dynamicdrive.com/"
list1array[3] = "Jeff Rule's DHTML"
list1source[3] = "http://www.ruleweb.com/dhtml/"

list2array[1] = "Builder.com"
list2source[1] = "http://www.builder.com"
list2array[2] = "WDVL.com"
list2source[2] = "http://www.wdvl.com"
list2array[3] = "WebDeveloper.com"
list2source[3] = "http://www.webdeveloper.com"
list2array[4] = "WebReference.com"
list2source[4] = "http://www.webreference.com"
list2array[5] = "Pageresource.com"
list2source[5] = "http://www.pageresource.com/"
list2array[6] = "W3C"
list2source[6] = "http://www.w3c.org"

list3array[1] = "Cool Tools 1"
list3source[1] = "http://builder.cnet.com/webbuilding/0-7701-8-4561792-1.html"
list3array[2] = "Cool Tools 2"
list3source[2] = "http://www.webreference.com/js/tools/"

function sublist(selecteditem){
document.listselect.listcontent.length = 0 
if (selecteditem=="noselect") {
	document.listselect.listcontent.options[0]= new Option("Please select a Category")
	}
if (selecteditem=="list1") {
	document.listselect.listcontent.options[0]= new Option("Select a Site from this list")
	document.listselect.listcontent.options[0].value= "noselect"
	for(var count=1; count < list1array.length; count++) {
	document.listselect.listcontent.options[count]= new Option(list1array[count])
	document.listselect.listcontent.options[count].value= list1source[count]
	}
}
if (selecteditem=="list2") {
	document.listselect.listcontent.options[0]= new Option("Select a Site from this list")
	document.listselect.listcontent.options[0].value= "noselect"
	for(var count=1; count < list2array.length; count++) {
	document.listselect.listcontent.options[count]= new Option(list2array[count])
	document.listselect.listcontent.options[count].value= list2source[count]
	}
}
if (selecteditem=="list3") {
	document.listselect.listcontent.options[0]= new Option("Select a Site from this list")
	document.listselect.listcontent.options[0].value= "noselect"
	for(var count=1; count < list3array.length; count++) {
	document.listselect.listcontent.options[count]= new Option(list3array[count])
	document.listselect.listcontent.options[count].value= list3source[count]
	}
}
}

function shortcut(form){
var destsite
destsite=(form.listcontent.options[form.listcontent.selectedIndex].value)
	if (destsite=="noselect"){
		alert("You must select a site for this to work!")
	}else{
		location.href=destsite
	} 
}
</SCRIPT>

Step 2: Select, Copy and paste the following code into the BODY section of your HTML page.

SELECT ALL

Dependent Quickjump-(new window)

Step 1: Select, Copy and paste the following code into the "HEAD" section of your HTML Page.

SELECT ALL

list3array[1] = "Cool Tools 1"
list3source[1] = "http://builder.cnet.com/webbuilding/0-7701-8-4561792-1.html"
list3array[2] = "Cool Tools 2"
list3source[2] = "http://www.webreference.com/js/tools/"

</script>

Step 2: Select, Copy and paste the following code into the BODY section of your HTML page.

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