Problem Set 5
Fall 2008
Due: Beginning of class, Monday, 6 October.
Reference: Slides on Javascript
Create an html page that contains an image map, two buttons, and a list which contains at least 3 links.
Your page must meet the following criteria:
- The image map must contain at least 4 hot spots and must be written in JavaScript. Note that
you often can't change the status bar in image maps. When the mouse passes over each hotspot, but before
the image is clicked, change the image. Each hotspot must lead to one of your previous pages, or an Ithaca
College page if you don't have enough pages.
- When the first button is clicked, you must bring up a prompt box asking for the
password. If the user enters "password" or "Password" or "PASSWORD", then put the
message "Welcome to our website" in a form text box (should be located under the button).
If the user enters anything else, put up an alert box with a snappy message telling
the user to try again.
- When the second button is cliced, you must prompt for a number of dollars. Then
calculate the number of quarters needed to make that dollar amount and print the
answer in a form text box which is located under the button. If the user does
not enter a number, put up an alert box with a snappy answer.
- The javascript for the response to both buttons must be contained in a function in
the head section of the page.
- Each link in your list must go to a real web page (again, it can be a commercial page) when you click it. You must
display a confirm box before each link goes to the corresponding page. Each confirm box must give the name of
the web page that the link goes to. Use a javascript function in the head section of the page to display the confirm
box.
- Also when the
cursor passes over a link in the list (but before it is clicked), you must put a unique identifying message in
the status bar at the bottom of the browser. Each link must take you to a real page when you click it, but it can
be an already existing page.
- There is no specific content that your page must contain, but the page will be graded for asthetics.
- Your page must work correctly in a standards-based browser like Safari or FireFox. Basically, this means any browser
other than Internet Explorer. IE often accepts invalid code or nonstandard code. I will not use IE when I test your
page.
Revision History
| Date |
Revision |
| 27 September |
Posted Project |
|
|
|
 |