There are five parts to this assignment. Each is worth 10 marks for a total of 50 marks. The following are group assignments. The mark obtained for the group will be applied to each individual of the group. Groups will be assigned in class.

Due

April 3, 2000

Requirements

• Functions should be used whenever possible.

• Provide answers in HTML files on a floppy disk.

• Must follow the guidelines for each of the particular "parts".

Part I

Location / URL Launcher

In this assignment, it is your goal to attempt to reproduce the location box in your browser. You should have an edit box where the user can type in the URL or a web site. You will want to have a "Open URL" button to the right of the edit control. Clicking on this button should open a new window and load the URL.

Below is an example of the form… 

Part II

Home Made Spin Control / Volume Control

In this assignment, it is your goal to create a form with one edit box and two buttons. Each button will be responsible for either incrementing or decrementing the value of the edit control. Start the value of the edit control at 5. Allow a minimum value of 1 and a maximum value of 10. The form does not require submission to any script.

The prototypes for the functions are:

function increaseVolume()

function decreaseVolume()

This is what would be resembled in your browser.

Part III

Background Color Picker

Part A -  (5 marks)

Create a page with five buttons on it. Each button will be responsible for setting the background color of the document. The five buttons should be "White", "Red", "Green", "Blue", and "Beige".

Part B -  (5 marks)

Update the page so it also has a single edit control and button to change color based on the entered value. The user can type in a color and have it reflected as the background. The same functionality should be used.

Part IV

Homemade Arithmetic Calculator

Create a simple arithmetic calculator that will do addition, subtraction, multiplication, and division. The user should be able to enter two numbers and then

Tables should be used so labels and controls align correctly.

Extra Checks:

• All values must be positive. Provide necessary checks.

• Remember to trap for the "divide by zero" error.

The form should resemble:

Part V

Hover Buttons 

Create a hover button menu containing five choices. Each of the five should have two images (one for normal state and the other for "hover" state). As the mouse pointer moves oven an option, the button should change to reflect the "hover" image. When the mouse is moved away from the button, it should return to normal. All images should be pre-loaded. This will be marked on coding, not on the prettiness of the images.