Revision: 2423
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at February 13, 2007 06:29 by 1man
Initial Code
function stripeTables() {
if(!document.getElementsByTagName) return false;//basic old browser check
var tables = document.getElementsByTagName("table");//grab the tables in the document
for(i=0; i<table.length; i++) {//loop through the tables
var odd = false;//creat an odd function for the table, set it to false
var rows = tables[i].getElementsByTagName("tr");//grab the rows in the specific table
for(j=0; j<rows.length; j++) {//loop through the rows in the specific table
if(odd == true) {
rows[j].style.backgroundColor = "#ffc";//if odd is true, set the bg color to this
odd = false;//set odd to false
} else {
odd = true;//set odd to true, this is picked up by next iteration and styles the next row
}
}
}
}
Initial URL
Initial Description
This function looks for tables in a web page, then loops through the rows and sets the backgroundColor for ever other row.This creates a striped table which is easier to read.
Initial Title
Stripe Table Rows DOM JS Function
Initial Tags
table, style, function
Initial Language
JavaScript