DemoDHTML: Samples -What to look for

Sample pages -What to look for

Here are some samples of what you can achieve by putting some of the possibilities of DHTML to work.

Sometimes, to understand something thoroughly, you just have to dig down into the guts of it and study it out. So the source code for the samples is commented to help you out. The notes below point out what to look for. (You might guess what time of year these were constructed!)

Letter to Santa (IE4)

CSS styles, both in HEAD and inline
Pre-loading of images (falling snow images)
Tranferring input, esp. using innerHTML & innerText (from textboxes to final letter)
Positioning of objects (final letter)
Document object (to calculate center position for final letter for any window size)
Visibility (final letter made visible; original page hidden)

Go see it!

Falling Snow (IE4)

Animating a background using script instead of an animated gif
Pre-loading images (falling snow gifs)
Use of setInterval (to call function that replaces the background image)
Syntax to use in script for changing of background image source

Go see it!
[Warning - some folks find the falling snow creates motion sickness!]

Nativity (IE4)

META refresh: automatic transfer to new page
Transitions: Reveal on image, Blend on text
Use of onfilterchange to control timing of transitions
Light filters: addAmbient, addPoint, addCone
Replace text onMouseOver using innerText property
Move cone light onMouseOver using moveLight method in script with FOR and EVENT
Bubble event - onMouseOut handled by DIV container

Go see it!
Move mouse over graphic!!!
[Here is the original image for comparison.]