11/13/08 Notes

IT 130 -- 11/13/08

Prototype Order Form seeds1.htm
Order Form That Submits Page to Server seeds2.htm
Entry Form with More Controls entry-form.html
Source code for PHP page running on server at http://www.depaul.edu/~sjost/confirmation.php.
Information on the submitted form is passed back to the server in the URL.
The following URL passes back Larry in the txtName textbox and "36-35" in the ddmAge dropdown menu:
http://condor.depaul.edu/~sjost/confirmation.php?txtname=Larry&ddmage=36-45
Real-time Date and Time real-time-date.htm
Slide Show slide-show.htm

Modify the Slide Show Example to:
1. Show random images.
2. Show a random image when the page is loaded. The image should not change until the page is reloaded.

Use a button to manually advance a slide show:
Use the mousedown and mouseup events and two images to simulate pressing and releasing a button. Also incorporate the mouseover and mouseout events to change an image.
Use a link instead of a button to advance the slideshow.
Use a button instead of a link to change pages.
To change the page with JavaScript, change the document.URL property.

Look at the Disappear Example.
To alter values of the CSS style of a tag, spell the property name with camel casing, instead of using dashes between words.

Example: Suppose that the tag is

<p id="a" style="background-color:pink;">

Use this JavaScript statement to change the background color of the document:

document.getElementById("a").style.backgroundColor = "beige";

document.getElementById("a").style.backgroundColor = "rgb(255,255,230)";

document.getElementById("a").style.backgroundColor = "#FFE0FF";

Change the background color dynamically with the document.bgColor property. The hex color code is constructed from values stored in an array.
Change the background color by using the getElementById function to get the body and then changing the backgroundColor property of the body style. Use a user defined rgb function to get the hex color code corresponding to r, g and b values.