JavaScript Examples Bible - UserWorks Technologies

388
TABLE.rules
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
rules
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓
Example
Listing 27-5 presents a page that cycles through all possible settings for the
rules property. The rules property value is displayed in the table’s caption. When
you run this script, notice the nice border display for this table’s combination of
COLGROUP and table row segment elements. Figure 11-1 shows the IE/Windows
rendition for the groups type of table rules. Early versions of NN6 may not render
the altered table correctly, and scripted changes won’t appear on the page.
Listing 27-5: Cycling Through Table rules Property Values
TABLE.rules Property
var timeoutID
var rulesValues = [“all”, “cols”, “groups”, “none”, “rows”]
function rotateBorder(i) {
document.getElementById(“myTABLE”).rules = rulesValues[i]
document.getElementById(“myCAPTION”).innerHTML = rulesValues[i]
i = (++i == rulesValues.length) ? 0 : i
timeoutID = setTimeout(“rotateBorder(“ + i + “)”, 2000)
}
function stopRotate() {
clearTimeout(timeoutID)
document.getElementById(“myTABLE”).rules = “all”
document.getElementById(“myCAPTION”).innerHTML = “all”
}
TABLE.rules Property
Cycle Table Rule Visibility