Problem Set 7

Fall 2008

Due: Beginning of class, Wednesday, 29 October 2008.

Reference: Gosselin, Chapters 5, 8.

Create a form that has three separate web pages. Even though you will be able to get all of the form on a single page, you must use 3 separate web pages.

• The first page will have 3 fields (described below). You must verify that the fields are not blank, i.e., that they do not contain the string "". Put up an alert box telling the user which fields are blank.
• On the last page have a submit button. When this is clicked, do not submit the form, rather open up a new window (give it a width and heigth, but no other options like status bar or tool bar) and display the line "You submitted the following data:" and then display each form item on a separate line. Each item must have its lable and the value that the user put into that field.
• Also list the browser type and version displayed in the new window. Make this information red and centered (using CSS) and human readable.
• After 10 seconds automatically close the window that contains the submitted data.
• You must also save the first name, second name, and email address in cookies. After the first visit, the user's information should appear automatically in the form. If the user changes this information, this must be reflected in the cookies so that the next she visits the site the new information appears.
• On page one have the following elements:
• a field for first name,
• a field for second name,
• and a field for the email address.

• Page two must have the following elements:
• a line for address,
• a drop down box for state (use 3 states),
• and a drop down line for zip code (offer 3 zip codes).

• Page three must have the following elements:
• a question with 4 answers (use a radio button),
• a question with 5 answers (use a check box),
• and a comments box (use a text area).
• The submit and reset buttons should also be on this page.

• Approach:
  • Use multiple frames in your solution.
  • One of the frames (which could be hidden) will contain hidden elements. You will store all of the form data in these fields and, when the form is submitted, this is the form that you will use.
  • The other frame will contain the pages of the form. When you click on the "next" button store the data from the form on that page in the hidden fields in the first frame.

• You must perform the following tasks to complete this assignment:
  • Create a directory on your arnor account named "problemSet7" and store all of your html files in this directory.

Last updated on 22 Oct 2008 by John Barr