Introductory Assignment: Descriptive Links and Custom Pages

Purpose: The goal of this assignment is to get you accustomed to working with JavaScript in your pages.

Assignments

This assignment follows the ideas from the summary of simple fun useful things to do with JavaScript.

Descriptive Links

Select some pages you've been working on that you think would benefit from additional description of your links. Update all of the links with an onMouseOver event handler that describes the link when the reader passes the cursor over the link. You may also want to add an onMouseLeave event handler for each link.

Reactive Images

Find two images of the same size (or similar sizes) and place one on the page. Then, update your code so that the image changes when the reader moves the cursor over the image. Note that you may need to enclose your image in an <a href="..."> tag.

Custom Pages

Select some pages that you think would benefit from providing different displays depending on who is using them (e.g., that might provide different links depending on whether novices or advanced users are on the page). Update the pages to prompt for a user level and present the appropriate ``version'' of the page for that level user.