Assignments Please complete Assignment 1b and Assignment 2c
or 2d:
Function: Select-and-go and drop-down menus permit the designer to
"hide" a large number of menu items until the user is ready to view
them and then to send the user directly from any given menu item to
another page or another web, bypassing the conventional "Go!" button.
Select-and-go and drop-down menus are useful to the designer because
they conserve space on a page and helpful to the user because they
permit him or her to access any one of a large number of menu items
quickly and easily.
Assignment 1 (select-and-go menu): Use a JavaScript function and an
HTML form to produce a select-and-go menu suitable for use in
navigating a large or complex set of pages. Follow the directions in
Tom Negrino and Dori Smith, JavaScript for the World Wide Web,
3rd ed., Visual QuickStart Guide (Berkeley, California: Peachpit Press,
1999), pp. 116-18, and/or see the source code for the examples below.
1a. Troy Photo Archive 12: http://www.rpi.edu/~zappenj/Network/Archive/archive12.html
1b. Troy Photo Archive 12a: http://www.rpi.edu/~zappenj/Network/Archive/archive12a.html
Assignment 2 (drop-down menu): Use JavaScript functions and Cascading
Style Sheets to produce a drop-down menu suitable for use in navigating
a large or complex set of pages. Follow the directions in Jason
Cranford Teague, DHTML and CSS for the World Wide Web, 2nd ed.,
Visual Quickstart Guide (Berkeley, California: Peachpit Press, 2001),
pp. 194-97, 399-403, and/or see the source code for the examples
below.
2a. JavaScript/CSS Drop-Down Menu 1: http://www.rpi.edu/~zappenj/WWWW/wwwwddm1.html
2b. JavaScript/CSS Drop-Down Menu 2: http://www.rpi.edu/~zappenj/WWWW/wwwwddm2.html
2c. JavaScript/CSS Drop-Down Menu 3a: http://www.rpi.edu/~zappenj/WWWW/wwwwddm3.html
2d. JavaScript/CSS Drop-Down Menu 3b: http://www.rpi.edu/~zappenj/WWWW/wwww07fco.html
Source Files for 2c: http://www.rpi.edu/~zappenj/WWWW/DDM1/
Source Files for 2d: http://www.rpi.edu/~zappenj/WWWW/DDM2/
Cross-Browser DOM Required for 2a, 2b, 2c, and 2d (findDOM.js):
http://www.rpi.edu/~zappenj/WWWW/findDOMjs
Examples:
Best Buy: http://www.bestbuy.com/
MSNBC: http://www.msnbc.com/news/
Triad Speakers: http://www.triadspeakers.com
Resources:
All Web Menus: http://www.likno.com
CSS Play: http://www.cssplay.co.uk/menus/
CSS Play Drop-Down Menu: CSS_Play_Drop_Down_Menu.html
Dynamic Drive: http://www.dynamicdrive.com
Cursor Definitions: http://www.zvon.org/xxl/CSS2Reference/Output/
(Please select "cursor.")
