|
|
|||
|
|
|
|
|
|
||||
 
|
 |
Pull-Down Navigation Script
This script addresses common problems associated with using pulldowm menus for navigation. For more information, see pages 534-537 of Web Design: The Complete Reference ("Using Pull-Downs for Navigation").<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML> <HEAD> <TITLE>Select Navigation</TITLE> <STYLE> <!-- .nochoice {color: black;} .choice {color: blue; } --> </STYLE> <SCRIPT> <!-- function redirect(pulldown) { newlocation = pulldown[pulldown.selectedIndex].value; if (newlocation != "") self.location = newlocation; } function resetIfBlank(pulldown){ possiblenewlocation = pulldown[pulldown.selectedIndex].value; if (possiblenewlocation == "") pulldown.selectedIndex = 0; /* reset to start since no movement */ } //--> </SCRIPT> </HEAD> <BODY> <FORM NAME="navForm"> <B>Favorite Sites:</B> <SELECT NAME="menu" onChange="resetIfBlank(this)"> <OPTION VALUE="" CLASS="nochoice" SELECTED> Choose your site <OPTION VALUE="" CLASS="nochoice"> <OPTION VALUE="" CLASS="nochoice">Search Sites <OPTION VALUE="" CLASS="nochoice">------------ <OPTION VALUE="http://www.yahoo.com" CLASS="choice">Yahoo! <OPTION VALUE="http://www.hotbot.com" CLASS="choice">HotBot <OPTION VALUE="http://www.google.com" CLASS="choice">Google <OPTION VALUE="" CLASS="nochoice"> <OPTION VALUE="" CLASS="nochoice">E-commerce <OPTION VALUE="" CLASS="nochoice">------------ <OPTION VALUE="http://www.amazon.com" CLASS="choice">Amazon <OPTION VALUE="http://www.buy.com" CLASS="choice">Buy.com <OPTION VALUE="" CLASS="nochoice" CLASS="choice"> <OPTION VALUE="" CLASS="nochoice">Demos <OPTION VALUE="" CLASS="nochoice">------------ <OPTION VALUE="http://www.democompany.com" CLASS="choice">DemoCompany </SELECT> <INPUT TYPE="button" VALUE="go" onClick="redirect(document.navForm.menu)"> </FORM> <SCRIPT> <!-- document.navForm.menu.selectedIndex = 0; //--> </SCRIPT> </BODY> </HTML> |
 Overview | Chapters | Examples | Resources | Buy the Book! |