Assignment 5 - Spawned windows, Image rollovers, data validation, form handling

There are three parts to this assignnment:

Part 1 - Image rollovers

Lab 1 Create an image rollover with multiple images
Image One Image Two Image Three
Lab 2 Create a rollover that changes one central image from multiple links
Image One   Image Two
  Centre Image  
Image Three   Image Four

Part 2 - Spawned Windows

Lab 1 Create a link that spawns a window

Click here to spawn a new window.

Lab 2 Utilise a form to allow a user to define the size and start position of a new window, then create the window when they hit submit.
NOTE: Also includes the extra credit to ensure that the window will fit on the screen. However, the screen size is determined from the screen.availHeight and screen.availWidth functions rather than a hardcoded 680 by 480. The maximum screen size is displayed in the note below the submit button.

Window options
Dimensions Width: Height: Status bar
Menu bar
Scroll bars
Toolbars
Allow resize
Position X: Y:

 
The checkbox options will add the specified feature to the new window. The scrollbars will only appear if there is a need to use them (i.e. not all of the window text can be displayed in the available area).
 
Netscape imposes a minimum width and height of 100.
View the Image Rollover Extra Credit. This page passes the W3C HTML 4 validator.

Return to my Lab Assignments main page.


Please visit my
Home page
and that of
Raz Associates Ltd

Counter
Feedback form
The author is
a member of
The HTML Writers Guild