Edinburgh/1 July 2008

From 2008.igem.org

(Difference between revisions)
(Tuesday 1 July 08)
 
(One intermediate revision not shown)
Line 1: Line 1:
-
<html>
+
<div id="header">{{Template:Team:Edinburgh/Templates/notebook-entry/header}}</div>
-
<head>
+
-
<title>Edinburgh iGEM 2008</title>
+
-
<script type="text/javascript">
+
-
//Drop Down Tabs Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
+
-
//Created: May 16th, 07'
+
-
 
+
-
var tabdropdown={
+
-
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout
+
-
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
+
-
enableiframeshim: 1, //1 or 0, for true or false
+
-
 
+
-
//No need to edit beyond here////////////////////////
+
-
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,
+
-
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)
+
-
 
+
-
getposOffset:function(what, offsettype){
+
-
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
+
-
var parentEl=what.offsetParent;
+
-
while (parentEl!=null){
+
-
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
+
-
parentEl=parentEl.offsetParent;
+
-
}
+
-
return totaloffset;
+
-
},
+
-
 
+
-
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over
+
-
if (this.ie || this.firefox)
+
-
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
+
-
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
+
-
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one
+
-
obj2.parentNode.className="selected"
+
-
obj.visibility="visible"
+
-
}
+
-
else if (e.type=="click")
+
-
obj.visibility="hidden"
+
-
},
+
-
 
+
-
iecompattest:function(){
+
-
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
+
-
},
+
-
 
+
-
clearbrowseredge:function(obj, whichedge){
+
-
var edgeoffset=0
+
-
if (whichedge=="rightedge"){
+
-
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
+
-
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
+
-
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  //move menu to the left?
+
-
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
+
-
}
+
-
else{
+
-
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset
+
-
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
+
-
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
+
-
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
+
-
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
+
-
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
+
-
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
+
-
}
+
-
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up
+
-
}
+
-
return edgeoffset
+
-
},
+
-
 
+
-
dropit:function(obj, e, dropmenuID){
+
-
if (this.dropmenuobj!=null){ //hide previous menu
+
-
this.dropmenuobj.style.visibility="hidden" //hide menu
+
-
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){
+
-
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one
+
-
this.previousmenuitem.parentNode.className=""
+
-
}
+
-
}
+
-
this.clearhidemenu()
+
-
if (this.ie||this.firefox){
+
-
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}
+
-
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?
+
-
this.dropmenuobj=document.getElementById(dropmenuID)
+
-
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}
+
-
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}
+
-
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}
+
-
this.showhide(this.dropmenuobj.style, e, obj)
+
-
this.dropmenuobj.x=this.getposOffset(obj, "left")
+
-
this.dropmenuobj.y=this.getposOffset(obj, "top")
+
-
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
+
-
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
+
-
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)
+
-
this.positionshim() //call iframe shim function
+
-
}
+
-
},
+
-
 
+
-
contains_firefox:function(a, b) {
+
-
while (b.parentNode)
+
-
if ((b = b.parentNode) == a)
+
-
return true;
+
-
return false;
+
-
},
+
-
 
+
-
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over
+
-
var evtobj=window.event? window.event : e
+
-
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
+
-
this.delayhidemenu(obj2)
+
-
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
+
-
this.delayhidemenu(obj2)
+
-
},
+
-
 
+
-
delayhidemenu:function(obj2){
+
-
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu
+
-
},
+
-
 
+
-
clearhidemenu:function(){
+
-
if (this.delayhide!="undefined")
+
-
clearTimeout(this.delayhide)
+
-
},
+
-
 
+
-
positionshim:function(){ //display iframe shim function
+
-
if (this.enableiframeshim && typeof this.shimobject!="undefined"){
+
-
if (this.dropmenuobj.style.visibility=="visible"){
+
-
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
+
-
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
+
-
this.shimobject.style.left=this.dropmenuobj.style.left
+
-
this.shimobject.style.top=this.dropmenuobj.style.top
+
-
}
+
-
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
+
-
}
+
-
},
+
-
 
+
-
hideshim:function(){
+
-
if (this.enableiframeshim && typeof this.shimobject!="undefined")
+
-
this.shimobject.style.display='none'
+
-
},
+
-
 
+
-
isSelected:function(menuurl){
+
-
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")
+
-
return (tabdropdown.currentpageurl==menuurl)
+
-
},
+
-
 
+
-
init:function(menuid, dselected){
+
-
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
+
-
var menuitems=document.getElementById(menuid).getElementsByTagName("a")
+
-
for (var i=0; i<menuitems.length; i++){
+
-
if (menuitems[i].getAttribute("rel")){
+
-
var relvalue=menuitems[i].getAttribute("rel")
+
-
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]
+
-
menuitems[i].onmouseover=function(e){
+
-
var event=typeof e!="undefined"? e : window.event
+
-
tabdropdown.dropit(this, event, this.getAttribute("rel"))
+
-
}
+
-
}
+
-
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){
+
-
menuitems[i].parentNode.className+=" selected default"
+
-
var setalready=true
+
-
}
+
-
else if (parseInt(dselected)==i)
+
-
menuitems[i].parentNode.className+=" selected default"
+
-
}
+
-
}
+
-
 
+
-
}
+
-
</script>
+
-
<style>
+
-
.ddcolortabs{
+
-
padding: 0;
+
-
width: 100%;
+
-
background: transparent;
+
-
voice-family: "\"}\"";
+
-
voice-family: inherit;
+
-
}
+
-
 
+
-
.ddcolortabs ul{
+
-
font: normal 11px Arial, Verdana, sans-serif;
+
-
margin:0;
+
-
padding:0;
+
-
list-style:none;
+
-
}
+
-
 
+
-
.ddcolortabs li{
+
-
display:inline;
+
-
margin:0 2px 0 0;
+
-
padding:0;
+
-
text-transform:uppercase;
+
-
}
+
-
 
+
-
 
+
-
.ddcolortabs a{
+
-
float:left;
+
-
color: white;
+
-
background: black url(media/color_tabs_left.gif) no-repeat left top;
+
-
margin:0 2px 0 0;
+
-
padding:0 0 1px 3px;
+
-
text-decoration:none;
+
-
letter-spacing: 1px;
+
-
}
+
-
 
+
-
.ddcolortabs a span{
+
-
float:left;
+
-
display:block;
+
-
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
+
-
padding: 4px 8px 2px 7px;
+
-
}
+
-
 
+
-
.ddcolortabs a span{
+
-
float:none;
+
-
}
+
-
 
+
-
.ddcolortabs a:hover{
+
-
background-color: #591f20;
+
-
}
+
-
 
+
-
.ddcolortabs a:hover span{
+
-
background-color: #591f20;
+
-
}
+
-
 
+
-
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
+
-
background-color: #591f20;
+
-
}
+
-
 
+
-
.ddcolortabsline{
+
-
clear: both;
+
-
padding: 0;
+
-
width: 100%;
+
-
height: 8px;
+
-
line-height: 8px;
+
-
background: black;
+
-
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
+
-
}
+
-
 
+
-
/* ######### Style for Drop Down Menu ######### */
+
-
 
+
-
.dropmenudiv_a{
+
-
position:absolute;
+
-
top: 0;
+
-
border: 1px solid black; /*THEME CHANGE HERE*/
+
-
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
+
-
border-bottom-width: 0;
+
-
font:normal 12px Arial;
+
-
line-height:18px;
+
-
z-index:100;
+
-
background-color: white;
+
-
width: 200px;
+
-
visibility: hidden;
+
-
}
+
-
 
+
-
 
+
-
.dropmenudiv_a a{
+
-
width: auto;
+
-
display: block;
+
-
text-indent: 5px;
+
-
border-top: 0 solid #678b3f;
+
-
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
+
-
padding: 2px 0;
+
-
text-decoration: none;
+
-
color: black;
+
-
}
+
-
 
+
-
* html .dropmenudiv_a a{ /*IE only hack*/
+
-
width: 100%;
+
-
}
+
-
 
+
-
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
+
-
background-color: #8a3c3d;
+
-
color: white;
+
-
}
+
-
</style>
+
-
</head>
+
-
 
+
-
<!-- CSS for Drop Down Tabs Menu #1 -->
+
-
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
+
-
 
+
-
<div id="colortab" class="ddcolortabs">
+
-
<ul>
+
-
<li><a href="https://2008.igem.org/Team:Edinburgh" title="Home"><span>Home</span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Edinburgh/Project" title="Project" rel="dropmenu1_a"><span>The Project</span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Edinburgh/Team" title="Team" ><span>The Team</span></a></li>
+
-
<li><a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2008&group=Edinburgh" title="Project" rel="dropmenu1_a"><span>BioBrick Parts</span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Edinburgh/Modeling" title="Modelling" rel="dropmenu2_a"><span>Modelling</span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Edinburgh/Notebook" title="Notebook"><span>Notebook</span></a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="ddcolortabsline">&nbsp;</div>
+
-
<div id="dropmenu1_a" class="dropmenudiv_a">
+
-
<a href="https://2008.igem.org/Team:Edinburgh/Team">Overview</a>
+
-
<a href="https://2008.igem.org/Team:Edinburgh/Team">Step1</a>
+
-
<a href="https://2008.igem.org/Team:Edinburgh/Team">Step2</a>
+
-
</div>
+
-
<script type="text/javascript">
+
-
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
+
-
tabdropdown.init("colortab", 3)
+
-
</script>
+
-
</html>
+
-
 
+
-
<table>
+
-
<html>
+
-
<style type="text/css">
+
-
table.calendar          { margin: 0; padding: 2px; }
+
-
table.calendar td      { margin: 0; padding: 1px; vertical-align: top; }
+
-
table.month .heading td { padding:1px; background-color: black; color: white; text-align:center; font-size:140%; font-weight:bold; }
+
-
table.month .dow td    { color:#000000; text-align:center; font-size:100%; }
+
-
table.month td.today    { background-color:#cd0000; }
+
-
table.month td {
+
-
    border: none;
+
-
    margin: 0;
+
-
    padding: 0pt 0.5pt;
+
-
    font-weight: bold;
+
-
    font-size: 9pt;
+
-
    text-align: right;
+
-
    background-color: white;
+
-
    }
+
-
#bodyContent table.month a { background:none; padding:0 }
+
-
.day-active { color:#cd0000 }
+
-
.day-empty  { color:#000000 }
+
-
 
+
-
</style>
+
-
</html>
+
-
 
+
-
 
+
-
{|style="font color="#ffffff"; "background-color:"#cd0000"; cellpadding="0" cellspacing="4" border="4" bordercolor="#000"; border-spacing:0px; text-align:"center" width="250px"
+
-
</table>
+
-
 
+
-
{| align="left"
+
-
|-
+
-
|align="left" width="150pt"|{{#calendar: title=Edinburgh |year=2008 | month=06}}
+
-
|-
+
-
|align="left" width="150pt"|{{#calendar: title=Edinburgh |year=2008 | month=07}}
+
-
|-
+
-
|align="left" width="150pt"|{{#calendar: title=Edinburgh |year=2008 | month=08}}
+
-
|}
+
:::: '''[[Edinburgh/30_June_2008|< Previous Entry]]'''
:::: '''[[Edinburgh/30_June_2008|< Previous Entry]]'''

Latest revision as of 14:04, 28 August 2008

< Previous Entry

Week 3

Tuesday 1 July 08

  • Gel 3: minipreps M2, M3, M4 and M6 (pSB1A2+dxs clones) digested with EcoRI alone; lanes 5 and 6, 2.5μl of ligations L1 and L2. Result: all 4 minipreps now give a 4.2kb band (plus the same 3.2kb 'ghost' band as before) consistent with pSB1A2 carrying a 2kb insert. Would be nice to confirm identity using HindIII (2 internal sites). Both ligations show clear signs of insert and vector bands (oddly, the dxs insert band overlaps the pSB1A2 vector band whereas the appY insert band overlaps the lacZ insert excised from Edinbrick1). However, no ligated bands are visible. Thus the DNA purification is fine; if there was a a problem, it is with the ligase or ligase buffer.
  • Gel 4: Minipreps M7 to M12 (supposed to be glgC in Babel vectors) digested with EcoRI and PstI to excise the inserts. M10 and M11 have a single 3kb band consistent with vector, but no insert band at 1.2kb. M7, M8, M9 and M12 all show a single band at about 2.4kb which is not consistent with Babel vectors if properly digested. Unless the digests totally failed, none of these plasmids would seem to contain glgC.
    • BUT WAIT: Turns out gel 4 has undigested plasmid DNA rather than the EcoRI/PstI digests. These were run on Gel 5. Since glgC is about 1295bp with internal EcoRI sites at +570 and +1067, we would expect to see a vector band at 3kb and the insert cut into bands of around 570bp, 567bp and 228bp. This is precisely what we see in the case of M10 and M11. We can therefore conclude that M10 and M11 both represent the Babel2+glgC BioBrick. This is not sufficient to determine the orientation, but a single EcoRI digest of these two clones should be sufficient to establish that. Even if both are in the reverse orientation, they can still be used as templates for the three mutagenesis step which will be required to produce the final BioBrick.
  • Also attempted HindIII digests of M2, M3, M4 and M6 to confirm that the insert is really dxs, despite knowing that the HindIII stock expired in 2002. Results are shown on Gel 6 lanes 1 to 4. In all cases a 0.6kb band was excised, consistent with dxs insert. It therefore seems likely that M2, M3, M4 and M6 all represent pSB1A2+dxs coding sequence BioBrick.
  • Also did fusion PCR for the BABEL1+glgC and BABEL2+glgC constructs, using 1μl of L3 and L4 as templates (P4 and P5). KOD was used, with primers stdvectf1 and glgCr1, annealing at 65°C and extending for 110s. Results are shown on Gel 6 lanes 5 and 6. P4 (BABEL1) has a strong band the right size and would probably work if self-ligated, but P5 (BABEL2) shows strong bands at 2 and 3 kb, as CK is also seeing. I suspect that primer stdvectf1 does not work well with BABEL2 - possibly mis-anneals to the other end of the vector. In any event, we can delay the decision as to whether or not to carry on with these until we know the results from M10 and M11.


Next Entry >