Top of Page Information Services Connecticut College Admissions Information Academic Programs People in the College Community About Information Services Connecticut College Athletics Information About Offices and Services Campus News and Events Information for Alumni News of the Comprehensive Campaign What's New and Noteworthy? View the Alphabetical Index View the Graphical Sitemap Search www.conncoll.edu View the Campus Map Send us Feedback
Connecticut College Seal
Information Services

Three-State Buttons in JavaScript

JavaScript is a simple programming language, a scripting language, for managing actions or events on Web pages. JavaScript allows a Web developer to employ advanced features on Web pages that cannot be accomplished using straight HTML.

These navigation buttons display highlights when the mouse moves over them, and a different color when a button is selected. Each button is composed of three separate images:

Unlit Overview Button Unlit Syllabus Button Unlit Resources Button Unlit Projects Button
Lit Overview Button Lit Syllabus Button Lit Resources Button Lit Projects Button
Selected Overview Button Selected Syllabus Button Selected Resources Button Selected Projects Button

When the document is loaded, one button is selected. All of the other buttons toggle from their unlit state to their lit state when the mouse moves over them. When the user clicks on a button, a new document is loaded with a different button selected. View the document source code to see how this works.

Technology Instruction | Publishing Information on the Web | Other Resources

Last updated March 10, 2000 by Sandra Stauffer