Team:WashU/Week7
From 2012.igem.org
(Difference between revisions)
BrianBasco (Talk | contribs) (→Saffron in a Kan) |
BrianBasco (Talk | contribs) |
||
Line 12: | Line 12: | ||
==Saffron in a Kan== | ==Saffron in a Kan== | ||
Today, we maxi-prepped our construct CS42S, digested both CS42S and our plasmid PSL2131, and ran them both on gels. We made one-well gels in order to allow us to gel purify the constructs and recover DNA. | Today, we maxi-prepped our construct CS42S, digested both CS42S and our plasmid PSL2131, and ran them both on gels. We made one-well gels in order to allow us to gel purify the constructs and recover DNA. | ||
- | https://lh4.googleusercontent.com/-iur9dT0upCs/T_xkV8J0wEI/AAAAAAAAASc/Y4m5RhWVvao/s640/construct%2520extraction.jpg | + | <div align="center">https://lh4.googleusercontent.com/-iur9dT0upCs/T_xkV8J0wEI/AAAAAAAAASc/Y4m5RhWVvao/s640/construct%2520extraction.jpg</div> |
- | + | ||
- | + | ||
+ | Then we gel purified the construct and plasmid and nanodropped them. | ||
<html> | <html> | ||
+ | <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"> | ||
+ | |||
+ | 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> | ||
<body> | <body> | ||
<div align = "center"> | <div align = "center"> | ||
Line 40: | Line 148: | ||
</tbody> | </tbody> | ||
</table> | </table> | ||
+ | </div> | ||
</html> | </html> | ||
Revision as of 16:48, 13 July 2012