|
|
(5 intermediate revisions 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={
| + | :::: '''[[Edinburgh/29_June_2008|< Previous Entry]]''' |
- | 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////////////////////////
| + | == Week 3 == |
- | dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,
| + | === Monday 30 June 08 === |
- | 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){
| + | * Plasmid DNA minipreps: |
- | var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
| + | ** '''M1 to M6''': pSB1A2+''dxs'' white colonies from plate 11 |
- | var parentEl=what.offsetParent;
| + | ** '''M7''': BABEL1+''glgC'' white colony from plate 12 |
- | while (parentEl!=null){
| + | ** '''M8 to M12''': BABEL2+''glgC'' white and pale blue colonies from plate 13 |
- | totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
| + | * M1 to M6 were digested with EcoRI/PstI ('''Gel 2'''). The expected pattern is pSB1A2 vector band at 2.04kb (2079 bp less prefix and suffix) and ''dxs'' insert band around 1.9kb. M1 showed bands around 1.1kb and 2.1kb. M5 showed no DNA. The other four showed a vector-like band around 2kb and a fainter, fuzzier band around 3kb, possibly a 'ghost' band. Thus none of the clones show the expected pattern of bands (although it is conceivable, since the vector and insert bands are so close in size, that they may be lying on top of each other; ''dxs'' has an internal EcoRV site at +504 and two HindIII sites at +606 and +1230, whereas pSB1A2 lacks such sites so this could be used to check). In conjunction with the total lack of growth on the ''appY'' plates, this suggests that something went wrong in the cloning procedure. The next step is to run the remaining ligation material on a gel and see what it looks like.<br /> |
- | parentEl=parentEl.offsetParent;
| + | <br /> |
- | }
| + | |
- | return totaloffset;
| + | |
- | },
| + | |
| | | |
- | showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over
| + | :::: '''[[Edinburgh/1_July_2008|Next Entry >]]''' |
- | 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"> </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>
| + | |
- | | + | |
- | === Week 3 ===
| + | |
- | ==== Monday 30 June 08 ====
| + | |
- | | + | |
- | * Plasmid DNA minipreps:<br />
| + | |
- | '''M1 to M6:''' pSB1A2+''dxs'' white colonies<br />
| + | |
- | '''M7:''' Babel1+''glgC'' white colony<br />
| + | |
- | '''M8 to M12:''' Babel2+''glgC'' white and pale blue colonies<br />
| + | |
- | Minipreps M1 to M6 were digested with EcoRI and PstI ('''Gel 2'''). The expected pattern is pSB1A2 vector band at 2.04kb (2079 bp less prefix and suffix) and ''dxs'' insert band around 1.9kb. M1 showed bands around 1.1kb and 2.1kb. M5 showed no DNA. The other four showed a vector-like band around 2kb and a fainter, fuzzier band around 3kb, possibly a 'ghost' band. Thus none of the clones show the expected pattern of bands (although it is conceivable, since the vector and insert bands are so close in size, that they may be lying on top of each other; ''dxs'' has an internal EcoRV site at +504 and two HindIII sites at +606 and +1230, whereas pSB1A2 lacks such sites so this could be used to check). In conjunction with the total lack of growth on the ''appY'' plates, this suggests that something went wrong in the cloning procedure. The next step is to run the remaining ligation material on a gel and see what it looks like.
| + | |