JavaScript Examples Bible - UserWorks Technologies

bgColor
Compatibility ✓
Chapter 15 ✦ The NN4 Layer Object (Chapter 31)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Example
You can have some fun with Listing 31-3, which uses a number of layer scripting
techniques. The page presents a kind of palette of eight colors, each one created as
a small layer (see Figure 15-1). Another, larger layer’s bgColor property changes as
you roll the mouse over any color in the palette.
Figure 15-1: Drag the mouse across the palette to change the
layer’s background color.
To save HTML lines to create those eight color palette layers, I use a script to
establish an array of colors and then document.write() the tags with
appropriate attribute settings so the layers all line up in a contiguous row. By predefining
a number of variable values for the size of the color layers, I can make all of
them larger or smaller with the change of only a few script characters.
The document object handles the job of capturing the mouseOver events. I turn
on the document’s captureEvents() method such that it traps all mouseOver
445
document.layerObject.bgColor