The DOM, or Dynamic Object Model, enables any web page element defined with a CSS ID to connect to a JavaScript function. A javascript document called "findDOM.js" has been uploaded to this directory. Within the head tags is the script which calls the findDOM script. This is followed by the script with the function to change the style according to the named objects - in this case, font-family, text color and background color.

In the Body, the changeStyle function is called, using an Id(#) which is defined in the embedded style script. A variation of the daynight script is in the popup below. This page uses a circling text trail script from Dynamic Drive. (I found a conflict with this script and the neon text script on the same page - both come to a screeching halt.)

The Next button, using the opacity visual effect, takes you to the page with the mouse effect and neon text. The Dropbox Popup has links to the next page; daynight script with variations and a neon clock; my Deb Home Page; Normandy Staff Ride, with another drop down list and a countdown script, and PSP Links. I have made the popup window resizeable and enabled the scroll bar. Just close the window to return.

Click on the arrow next to window for choices.

 

Beyond HTML - Week Two
Virtual University Classes - Summer 2003