Team:WashU/BiologicalParts
From 2012.igem.org
(Difference between revisions)
(Created page with "{{WashUback}} '''Bricks for YLC project''' <table border="1"> <tr> <th>Part Number</th> <th>Description</th> </tr> <tr> <td>[http://partsregistry.org/Part:BBa_I13003:Design BBa_...") |
BrianBasco (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{WashUback}} | {{WashUback}} | ||
- | '''Bricks for YLC | + | <div align = "center"> |
+ | =='''Bricks for YLC Project'''== | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>Bricks for the YLC Project</title> | ||
- | <table border=" | + | <script type="text/javascript"> |
+ | |||
+ | var Event = { | ||
+ | add: function(obj,type,fn) { | ||
+ | if (obj.attachEvent) { | ||
+ | obj['e'+type+fn] = fn; | ||
+ | obj[type+fn] = function() { obj['e'+type+fn](window.event); } | ||
+ | obj.attachEvent('on'+type,obj[type+fn]); | ||
+ | } else | ||
+ | obj.addEventListener(type,fn,false); | ||
+ | }, | ||
+ | remove: function(obj,type,fn) { | ||
+ | if (obj.detachEvent) { | ||
+ | obj.detachEvent('on'+type,obj[type+fn]); | ||
+ | obj[type+fn] = null; | ||
+ | } else | ||
+ | obj.removeEventListener(type,fn,false); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function $() { | ||
+ | var elements = new Array(); | ||
+ | for (var i=0;i<arguments.length;i++) { | ||
+ | var element = arguments[i]; | ||
+ | if (typeof element == 'string') element = document.getElementById(element); | ||
+ | if (arguments.length == 1) return element; | ||
+ | elements.push(element); | ||
+ | } | ||
+ | return elements; | ||
+ | } | ||
+ | String.prototype.trim = function() { | ||
+ | return this.replace(/^\s+|\s+$/,""); | ||
+ | } | ||
+ | |||
+ | function addClassName(el,className) { | ||
+ | removeClassName(el,className); | ||
+ | el.className = (el.className + " " + className).trim(); | ||
+ | } | ||
+ | |||
+ | function removeClassName(el,className) { | ||
+ | el.className = el.className.replace(className,"").trim(); | ||
+ | } | ||
+ | |||
+ | var ZebraTable = { | ||
+ | |||
+ | bgcolor: '', | ||
+ | classname: '', | ||
+ | stripe: function(el) { | ||
+ | if (!$(el)) return; | ||
+ | var rows = $(el).getElementsByTagName('tr'); | ||
+ | for (var i=1,len=rows.length;i<len;i++) { | ||
+ | if (i % 2 == 0) rows[i].className = 'alt'; | ||
+ | Event.add(rows[i],'mouseover',function() { ZebraTable.mouseover(this); }); | ||
+ | Event.add(rows[i],'mouseout',function() { ZebraTable.mouseout(this); }); | ||
+ | } | ||
+ | }, | ||
+ | mouseover: function(row) { | ||
+ | this.bgcolor = row.style.backgroundColor; | ||
+ | this.classname = row.className; | ||
+ | addClassName(row,'over'); | ||
+ | }, | ||
+ | mouseout: function(row) { | ||
+ | removeClassName(row,'over'); | ||
+ | addClassName(row,this.classname); | ||
+ | row.style.backgroundColor = this.bgcolor; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | window.onload = function() { | ||
+ | ZebraTable.stripe('mytable'); | ||
+ | } | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | background: #ffefd5; | ||
+ | } | ||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | width: 50%; | ||
+ | margin: 24px; | ||
+ | font-size: 1.1em; | ||
+ | } | ||
+ | |||
+ | th { | ||
+ | background: #8f0222; | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | padding: 2px 11px; | ||
+ | text-align: left; | ||
+ | border-right: 1px solid #fff; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | td { | ||
+ | padding: 6px 11px; | ||
+ | border-bottom: 1px solid #8f0222; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | td * { | ||
+ | padding: 6px 11px; | ||
+ | } | ||
+ | |||
+ | tr.alt td { | ||
+ | background: #FFEFD5; | ||
+ | } | ||
+ | |||
+ | tr.over td, tr:hover td { | ||
+ | background: #d66c6c; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div align = "center"> | ||
+ | <table id="mytable"> | ||
+ | <thead> | ||
<tr> | <tr> | ||
<th>Part Number</th> | <th>Part Number</th> | ||
<th>Description</th> | <th>Description</th> | ||
</tr> | </tr> | ||
+ | </thead> | ||
+ | |||
+ | <tbody> | ||
<tr> | <tr> | ||
- | <td> | + | <td><a href="http://partsregistry.org/Part:BBa_I13003:Design">BBa_I13003</a></td> |
<td>YFP</td> | <td>YFP</td> | ||
</tr> | </tr> | ||
+ | |||
<tr> | <tr> | ||
- | <td> | + | <td><a href="http://partsregistry.org/Part:BBa_I13002:Design">BBa_I13002</a></td> |
<td>YFP</td> | <td>YFP</td> | ||
</tr> | </tr> | ||
+ | |||
<tr> | <tr> | ||
- | <td> | + | <td><a href="http://partsregistry.org/Part:BBa_J06702:Design">BBa_J06702</a></td> |
<td>mCherry</td> | <td>mCherry</td> | ||
</tr> | </tr> | ||
+ | |||
<tr> | <tr> | ||
- | <td> | + | <td><a href="http://www.google.com/url?q=http%3A%2F%2Fpartsregistry.org%2Fwiki%2Findex.php%3Ftitle%3DPart%3ABBa_E0430&sa=D&sntz=1&usg=AFQjCNGQMpvic9Hi4iih_Ayd4jQd0fDmSQ">BBa_E0430</a></td> |
<td>eYFP</td> | <td>eYFP</td> | ||
</tr> | </tr> | ||
+ | |||
<tr> | <tr> | ||
- | <td> | + | <td><a href="http://www.google.com/url?q=http%3A%2F%2Fpartsregistry.org%2Fwiki%2Findex.php%3Ftitle%3DPart%3ABBa_E0420&sa=D&sntz=1&usg=AFQjCNGqh4nrV86rOPlesY61Pf7iLz8FNA">BBa_E0420</a></td> |
<td>eCFP</td> | <td>eCFP</td> | ||
</tr> | </tr> | ||
+ | |||
<tr> | <tr> | ||
- | <td> | + | <td><a href="http://www.google.com/url?q=http%3A%2F%2Fpartsregistry.org%2Fwiki%2Findex.php%3Ftitle%3DPart%3ABBa_E0430&sa=D&sntz=1&usg=AFQjCNGQMpvic9Hi4iih_Ayd4jQd0fDmSQ">BBa_I13504</a></td> |
<td>GFP</td> | <td>GFP</td> | ||
</tr> | </tr> | ||
+ | |||
<tr> | <tr> | ||
- | <td> | + | <td><a href="http://www.google.com/url?q=http%3A%2F%2Fpartsregistry.org%2Fpartsdb%2Fget_part.cgi%3Fpart%3DBBa_I13507&sa=D&sntz=1&usg=AFQjCNF9ZnOYMi4BC6Yjua5Vli5l5kewfA">BBa_I13507</a></td> |
<td>mRFP</td> | <td>mRFP</td> | ||
</tr> | </tr> | ||
+ | |||
<tr> | <tr> | ||
- | <td> | + | <td><a href="http://www.google.com/url?q=http%3A%2F%2Fpartsregistry.org%2FPart%3ABBa_J23100&sa=D&sntz=1&usg=AFQjCNELvuUsDOxN_7JUN2LmvFEozGQRnw">BBa_J23100</a></td> |
<td>Promoter, RFP</td> | <td>Promoter, RFP</td> | ||
</tr> | </tr> | ||
- | |||
+ | </tbody> | ||
+ | </table> | ||
+ | </body> | ||
+ | </html> | ||
<groupparts>iGEM012 WashU</groupparts> | <groupparts>iGEM012 WashU</groupparts> |
Revision as of 18:59, 12 June 2012