Team:Berkeley/Project/Localization/PromoterLibrary
From 2012.igem.org
Cheung.celia (Talk | contribs) |
Cheung.celia (Talk | contribs) |
||
Line 2: | Line 2: | ||
{{Team:Berkeley/navigation}} | {{Team:Berkeley/navigation}} | ||
{{Team:Berkeley/css}} | {{Team:Berkeley/css}} | ||
+ | |||
+ | <!-- Javascript goes in the document HEAD --> | ||
+ | <script type="text/javascript"> | ||
+ | function altRows(id){ | ||
+ | if(document.getElementsByTagName){ | ||
+ | |||
+ | var table = document.getElementById(id); | ||
+ | var rows = table.getElementsByTagName("tr"); | ||
+ | |||
+ | for(i = 0; i < rows.length; i++){ | ||
+ | if(i % 2 == 0){ | ||
+ | rows[i].className = "evenrowcolor"; | ||
+ | }else{ | ||
+ | rows[i].className = "oddrowcolor"; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | window.onload=function(){ | ||
+ | altRows('alternatecolor'); | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <!-- CSS goes in the document HEAD or added to your external stylesheet --> | ||
+ | <style type="text/css"> | ||
+ | table.altrowstable { | ||
+ | font-family: verdana,arial,sans-serif; | ||
+ | font-size:11px; | ||
+ | color:#333333; | ||
+ | border-width: 1px; | ||
+ | border-color: #a9c6c9; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | table.altrowstable th { | ||
+ | border-width: 1px; | ||
+ | padding: 8px; | ||
+ | border-style: solid; | ||
+ | border-color: #a9c6c9; | ||
+ | } | ||
+ | table.altrowstable td { | ||
+ | border-width: 1px; | ||
+ | padding: 8px; | ||
+ | border-style: solid; | ||
+ | border-color: #a9c6c9; | ||
+ | } | ||
+ | .oddrowcolor{ | ||
+ | background-color:#d4e3e5; | ||
+ | } | ||
+ | .evenrowcolor{ | ||
+ | background-color:#c3dde0; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <!-- Table goes in the document BODY --> | ||
+ | <table class="altrowstable" id="alternatecolor"> | ||
+ | <tr> | ||
+ | <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Text 1A</td><td>Text 1B</td><td>Text 1C</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Text 2A</td><td>Text 2B</td><td>Text 2C</td> | ||
+ | </tr> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Text 3A</td><td>Text 3B</td><td>Text 3C</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Text 4A</td><td>Text 4B</td><td>Text 4C</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Text 5A</td><td>Text 5B</td><td>Text 5C</td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- The table code can be found here: http://www.textfixer/resources/css-tables.php#css-table03 --> | ||
+ | |||
+ | |||
<html> | <html> |
Revision as of 19:00, 2 October 2012
<script type="text/javascript"> function altRows(id){ if(document.getElementsByTagName){
var table = document.getElementById(id); var rows = table.getElementsByTagName("tr");
for(i = 0; i < rows.length; i++){ if(i % 2 == 0){ rows[i].className = "evenrowcolor"; }else{ rows[i].className = "oddrowcolor"; } } } }
window.onload=function(){ altRows('alternatecolor'); } </script>
<style type="text/css">
table.altrowstable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #a9c6c9;
border-collapse: collapse;
}
table.altrowstable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
}
table.altrowstable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
}
.oddrowcolor{
background-color:#d4e3e5;
}
.evenrowcolor{
background-color:#c3dde0;
}
</style>
Info Header 1 | Info Header 2 | Info Header 3 |
---|---|---|
Text 1A | Text 1B | Text 1C |
Text 2A | Text 2B | Text 2C |
Text 3A | Text 3B | Text 3C |
Text 4A | Text 4B | Text 4C |
Text 5A | Text 5B | Text 5C |