DZone Snippets: web code

DZone Snippets: web code http://snippets.dzone.com/posts Sat, 26 Jul 2008 16:35:32 GMT DZone Snippets: web code zebra a table http://snippets.dzone.com/posts/show/351 <code> <br /><html> <br /> <head> <br /> <script> <br /> function init () { <br /> var tables = document.getElementsByTagName("table"); <br /> for (var i = 0; i < tables.length; i++) { <br /> if (tables[i].className.match(/zebra/)) { <br /> zebra(tables[i]); <br /> } <br /> } <br /> } <br /> <br /> function zebra (table) { <br /> var current = "oddRow"; <br /> var trs = table.getElementsByTagName("tr"); <br /> for (var i = 0; i < trs.length; i++) { <br /> trs[i].className += " " + current; <br /> current = current == "evenRow" ? "oddRow" : "evenRow"; <br /> } <br /> } <br /> </script> <br /> <style> <br /> tr.oddRow { background-color: green; } <br /> tr.evenRow { background-color: red; } <br /> </style> <br /> </head> <br /> <body onload="init()"> <br /> <table class="zebra"> <br /> <tr> <td>foo</td> <td>foo</td> <td>foo</td> </tr> <br /> <tr> <td>bar</td> <td>bar</td> <td>bar</td> </tr> <br /> <tr> <td>foo</td> <td>foo</td> <td>foo</td> </tr> <br /> <tr> <td>bar</td> <td>bar</td> <td>bar</td> </tr> <br /> <tr> <td>foo</td> <td>foo</td> <td>foo</td> </tr> <br /> </table> <br /> </body> <br /></html> <br /></code> Mon, 30 May 2005 17:07:07 GMT http://snippets.dzone.com/posts/show/351 remvee (Remco van 't Veer)