COP3832, Spring 2001, Assignment 3

Due Monday 2/19 at the start of class.

Hand in and upload copies of httpd.conf, srm.conf, access.conf, and hw3.html

The homework consists of the following

• You are to configure your server and get it running.
  Refer to Setting up your server on mongoose and Starting and Stopping your server.
• Create a page in the ~/COP3832/data directory that is your welcome page to the server. It should have the name 3832.html. The page does not need to be fancy, but it does need a link to the homework page: /hw/hw3.html
• Create a file in the hw directory with the name .3832access containing the following. You may also add your current ipaddress to the allow from list. However, each time you finish working on your file, be sure to have only my two ipaddresses on the line. You can find out your current ipaddress by running my ipaddress script. Your ipaddress will change each time you log onto the web. Set the permissions for .3832access to 600. You must specify the complete IP address this time, ranges will not work on this assignment.
  
  <limit GET POST>
  order deny,allow
  deny from all
  allow from 131.94.129.42 131.94.125.142
  </limit>
  
• Create a page in the ~/COP3832/data/hw directory named hw3.html. The permissions need to be 600. The page will have a form containing the following
  • A submit button. Change the text that appears on the button.
  • A reset button. Change the text that appears on the button.
  • A text box that will contain a person's full name.
  • A textarea.
  • A radio button with at least four options. Do not have any options checked when the page loads.
  • A checkbox with at least four options. Each of the checkboxes must have the same name. Do not have any options checked when the page loads.
  • A drop down list with at least five options. The first option should be blank. Do not have any options selected when the page loads.
  • A multiple selection list of at least five options. The first option should be blank. Two options should be visible in the scrollable area. Do not have any options selected when the page loads.
  • Add content to the page and organize it so that it is nice to view.
• Perform the following validations on the form elements when the user presses the submit button. If all fields are valid, then submit the form. Set the method for the form to GET. Set the action for the form to
  http://mongoose.aul.fiu.edu:12345/scripts/print_query.pl
  • If you plan to use the split method of String, then be sure to say <script language="javascript1.2">. Then it will split on all white space characters.
  • The text box must have at least two words.
  • The textarea must not contain the word 'foobar' in any possible case (FooBar, FOObar, fooBAR, etc). The word foobarn would be valid, as would igfoobar. You may assume that all words are separated by one space.
  • The page will not accept the person's first choice for the radio button. Whichever radio button the user selects first, the form will not be valid until the user selects a different button.
  • At least two of the checkboxes must be selected.
  • The page will not accept the person's first choice for the drop down list. Whichevever selection the user makes first, the form will not be valid until the user selects a different option. Also, the choice cannot be the first option in the list.
  • At least two of the choices in the multiple selection list must be selected. Also, the choice cannot be the first option in the list.
  • Whenever a value is changed in a form element, update the status bar with the new value that was chosen. This should work for text boxes, textareas, radio buttons, checkboxes, and selection lists. For checkboxes and multiple selection lists, include all the options that have been selected. Check out my page http://www.cs.fiu.edu/~downeyt/cgs3994/data/js/form.html for some examples for accessing form elements.
• Add a graphic of your choice to the page. Create a mouse over effect for this graphic. The second graphic is also of your choice. Be sure that both graphics are the same size, and not too large.