You are to write two versions of this assignment. One using HTML and VBScript and one using HTML and Javascript. In both, you are to create an HTML webpage that:

1. performs simple edits on user inputs;
2. displays original and new element values; and
3. displays some of the element properties

The purpose of the exercise is to examine how each of the intrinsic HTML objects interacts with VBScript/Javascript.

The specific tasks are:

1. The user should be able to interact with 6 different types of fields on the HTML page.
   1. six radio buttons (use different values for each radio; the first radio button is checked at load time)
   2. four checkboxes (none of the checkboxes are checked at load time)
   3. a select box with five options (the first option ("default value") is selected at load time)
   4. one text box (initial value is a single blank; maximum of 30 characters; all visible)
   5. one textarea (intial value is "default value"; five rows and 40 columns)
   6. one button (label should read "EDIT and REPORT")

2. When the user finishes entering data and making selections, the button labelled "EDIT and REPORT" is to be pressed. The VBScript component of the page will then edit the data according to the editing rules below:
   1. Six radio buttons
      None.
   2. Four checkboxes
      At least one checkbox must be checked.
   3. Select box
      The user must select an option OTHER THAN the first one.
   4. Text Box Edits
      The field should be edited to remove any occurrences of the three characters: /, \ or *. Identify the number of characters the user entered into the field and the number of characters remaining after the edit.
   5. Text Area
      All blank spaces should be replaced with the + character. Remove all carriage returns and line feeds. Identify the number of characters entered into the textarea before and after the edit.

   Report any editing omissions to the user (e.g., if the user fails to check a checkbox, isssue a message that says: "You must check at least one checkbox").

3. Once the user has successfully entered data and made choices, write an output report with the information on the editing results and other descriptive data (i.e., create the page "on-the-fly"). Specifically report for:
   1. Radio Buttons
      • the name of the radio button
      • the value of each radio button
      • the radio button checked at load time
      • the radio button checked by the user

   2. Checkboxes
      • the name of each checkbox
      • the names of all the checkboxes chosen by the user

   3. Select Box
      • name of the Select Box
      • list all the options and their associated values
      • the index of the initial selection and its value
      • the index of the final user's selection and its value

   4. Textbox
      • Name of the textbox
      • Original contents and length
      • User's entry before editing and its length
      • User's entry after editing and its length

   5. Textarea
      • Name of the textarea
      • Original contents and length
      • User's entry before editing and its length
      • User's entry after editing and its length

   Page design, text labels for options, values and names are entirely up to you.

   The VBSCRIPT page should be named "a2v.htm" and the JAVASCRIPT page should be named a2s.htm. Both should be stored on your disc.cba.uh.edu account. Be sure that there is are links from your homepage to these assignments.

   Return to Parks' DISC3371 Homepage