Week 4 -- slicing, rollovers, interface, forms


Scripting images (conditionals and string handling)


Javascript: events, forms, simple rollovers

rollovers and image event handling

text inputs in forms

Arrays of images & the document.images[] array

string handling : many techniques inclucing indexOf and charAt.

more on associative arrays

Discussion of Assignment #4


Assignment #4: Due Tuesday Feb 12.

Use Photoshop (available in IT lab and ATSH230) or comparable software to draw

a) a face
or
b) a tree tree1.jpg (6218 bytes)

Your drawing should each be exactly 400 pixels wide by 300 pixels high, and stored in .jpg format. Make the picture as realistic as you can (within the time allotted). Slice the image into four pieces, each 200 by 150 pixels. Create a 2 by 2 table containing all four pieces (in some predefined, but scrambled order). Whenever someone clicks on one of the pictures, swap the position of it with the image next to it in a clockwise direction. Whenever the picture is reassembled (i.e., all four pieces are in their proper positions) then pop-up an alert message. Put the table on a web page in your class space and e-mail me the address (http://webclass.sru.edu/cpsc217/... et cetera).