JavaScript Examples Bible - UserWorks Technologies

458
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Example
Use the page in Listing 31-8 to see how the layerObject.visibility property
settings affect a pair of nested layers. When the page first loads, the default
inherit setting is in effect. Changes you make to the outer layer by clicking the
outer layer buttons affect the inner layer, but setting the inner layer’s properties to
hide or show severs the visibility relationship between parent and child. Listing
31-19 in the JavaScript Bible shows this example with IE5+ and NN6+ syntax.
Listing 31-8: Nested Layer Visibility Relationships
Layer Source
function setOuterVis(type) {
document.outerDisplay.visibility = type
}
function setInnerVis(type) {
document.outerDisplay.document.innerDisplay.visibility = type
}
Setting the layer.visibility Property of Nested Layers
Click the buttons to see what happens when you change the visibility of the
outer layer and inner
layer objects.
Control outer layer property:
Control inner layer property:
Placeholder text for raw inner layer.
document.layerObject.visibility