Cycling Through Table frame Property Values
/* JavaScript Bible, Fourth Edition by Danny Goodman Publisher: John Wiley & Sons CopyRight 2001 ISBN: 0764533428 */ <HTML> <HEAD> <TITLE>TABLE.frame Property</TITLE> <SCRIPT LANGUAGE="JavaScript"> var timeoutID var frameValues = ["box", "above", "rhs", "below", "lhs", "hsides", "vsides", "border", "void"] function rotateBorder(i) { document.getElementById("myTABLE").frame = frameValues[i] document.getElementById("myCAPTION").innerHTML = frameValues[i] i = (++i == frameValues.length) ? 0 : i timeoutID = setTimeout("rotateBorder(" + i + ")", 2000) } function stopRotate() { clearTimeout(timeoutID) document.getElementById("myTABLE").frame = "box" document.getElementById("myCAPTION").innerHTML = "box" } </SCRIPT> </HEAD> <BODY> <H1>TABLE.frame Property</H1> <HR> <FORM NAME="controls"> <FIELDSET> <LEGEND>Cycle Table Edge Visibility</LEGEND> <TABLE WIDTH="100%" CELLSPACING=20><TR> <TD><INPUT TYPE="button" VALUE="Cycle" onClick="rotateBorder(0)"></TD> <TD><INPUT TYPE="button" VALUE="Stop" onClick="stopRotate()"></TD> </TR> </TABLE> </FIELDSET> </TABLE> </FIELDSET> </FORM> <HR> <TABLE ID="myTABLE" CELLPADDING=5 BORDER=3 ALIGN="center"> <CAPTION ID="myCAPTION">Default</CAPTION> <THEAD ID="myTHEAD"> <TR> <TH>River<TH>Outflow<TH>Miles<TH>Kilometers </TR> </THEAD> <TBODY> <TR> <TD>Nile<TD>Mediterranean<TD>4160<TD>6700 </TR> <TR> <TD>Congo<TD>Atlantic Ocean<TD>2900<TD>4670 </TR> <TR> <TD>Niger<TD>Atlantic Ocean<TD>2600<TD>4180 </TR> <TR> <TD>Zambezi<TD>Indian Ocean<TD>1700<TD>2740 </TR> </TABLE> </BODY> </HTML> Related examples in the same category
