http://2014hs.igem.org/wiki/index.php?title=Special:Contributions&feed=atom&limit=250&target=Haochuan&year=&month=
2014hs.igem.org - User contributions [en]
2024-03-28T12:59:59Z
From 2014hs.igem.org
MediaWiki 1.16.5
http://2014hs.igem.org/File:Part_A.jpg
File:Part A.jpg
2014-06-20T08:18:03Z
<p>Haochuan: uploaded a new version of &quot;File:Part A.jpg&quot;</p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/File:Melittin.jpg
File:Melittin.jpg
2014-06-20T08:16:55Z
<p>Haochuan: </p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Project
Team:Beijing HDFLS High/Project
2014-06-20T07:45:16Z
<p>Haochuan: /* Electrophoresis Map after Restriction Digest */</p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
=TITLE=<br />
The UV-responsing tandem generators for a wintergreen odor and protective melittin<br />
<br />
=ABSTRACT=<br />
The protective melittin generator is composed of two transcriptional devices: RecA (SOS) promoter (BBa_J22106) and synthesized melittin gene with enterokinase digested sequence. The protective generator takes as input extensive UV radiation and produces as output fusion melittin. Melittin can improve immunity and scavenging free radicals to alleviate the harm from electromagnetic radiation, such as blue light and UV.<br />
[[File:The_protective_melittin_generator.png|center|600px]]<br />
We further construct a biological system that produces a wintergreen odor and protective melittin under extensive UV radiation. The biological system includes two generators: the UV-responsing wintergreen odor generator (BBa_K994000) and the protective melittin generator. It not only can warn people of intense UV irradiation by a wintergreen odor, but also produce protective melittin.<br />
<br><br />
[[File:Tandem Generators.png|center|800px]]<br />
<br />
=BACKGROUND=<br />
===Blue light from computer induces eye retina producing free radical===<br />
<br />
The electromagnetic spectrum, in order of increasing frequency and decreasing wavelength, can be divided, for practical engineering purposes, into radio waves, microwaves, infrared radiation, visible light, ultraviolet radiation, X-rays and gamma rays. The eyes of various organisms sense a relatively small range of frequencies of EMR called the visible spectrum or light. Higher frequencies (shorter wavelengths) correspond to proportionately more energy carried by each photon. Blue light is the most energetic portion of the visible light spectrum, it's less energetic than UV radiation but it also has the ability to penetrate into tissue and cause cellular damage.<br />
[[File:2000px-EM_spectrum.png|center|600px]]<br />
<br />
Blue light is the hardest for the eye to focus on. We actually see a halo around bright blue light. Blue light scatters more inside the eyeball than other colors, producing more glare, more eyestrain and more fatigue. Intense blue light can cause damage to the retina, because blue is the hardest color for the retina to handle. The blue light induce that retinal produce free radicals. These radicals can lead to retinal pigment epithelial cell death. Then some light-sensitive cells lacks of nutrient, which results in visual impairment.<br />
[[File:Blue light.png|center|600px]]<br />
===Melittin has funcition of scavenging free radical===<br />
The old paint and song implies that the early ancient civilization was conscious of the possible virtues from bee stings.<br />
[[File:bee3.png|center|700px]]<br />
Melittin is the main component (50~55%) of bee venom, which has multiple functions.<br />
[[File:Melittin3.png|center|600px]]<br />
<br />
<br><br />
<br />
[[File:Melittin function.png|center|600px]]<br />
<br />
=PARTS=<br />
=I: Parts of Protective Mleittin Generators.=<br />
[[image:part.png|center|700px]]<br />
<br />
==Part A: Rec A (SOS) promoter==<br />
Extensive UV irradiation impings on heavily DNA damage and results in a single-strand DNA occuring, which activates RecA protein.Then,RecA protein leads to the expression of about 15 different repair proteins to rescue DNA damage.RecA protein is the central regulator in SOS repair system.Rec A (SOS) Promoter is available in 2004 registry part plate.<br />
[[Image:3.jpg|center|700px]]<br />
==Part B: Fusion melittin ==<br />
We synthesized fusion melittin gene with enterokinase digestion site. Melittin has the function of scavenging free radicals.<br />
[[Image:melittin.jpg|center|700px]]<br />
=II: Parts of Tandem Generators.=<br />
==Part A: Winter Green Odor Generator==<br />
The generator was constructed last year, and can produce wintergreen odor under extensive UV radiation<br />
<br />
==Part B: Protective melittin Genertor==<br />
This is new constructed this year, and can produce protective melittin under extensive UV radiation<br />
<br />
=METHODS=<br />
===METHOD I: The Protective Melittin Generator===<br />
[[Image:method I.jpg|center|800px]]<br />
<br />
===METHOD II: The Tandem Generators===<br />
We construct tandem Generators, using similar method with protective melittin generator<br />
<br />
=RESULTS=<br />
===Result I:The Protective Melittin Generator===<br />
=====Plates=====<br />
[[Image:Result Plate 2.jpg|center|800px]]<br />
=====Electrophoresis Map after Restriction Digest=====<br />
<br />
[[Image:Result Map4.jpg|center|900px]]<br />
<br />
=====DNA Sequencing and Submitting Part=====<br />
http://parts.igem.org/Part:BBa_K1283000<br />
[[Image:1283000.jpg|center|800px]]<br />
<br />
===Result II:Tandem Generators===<br />
=====Plates=====<br />
[[Image:Result IIPlate .jpg|center|400px]]<br />
<br />
=====Electrophoresis Map after Restriction Digest=====<br />
<br />
[[Image:Result electrophoresis .jpg|center|600px]]<br />
<br />
===== DNA Sequencing and Submitting Part=====<br />
http://parts.igem.org/Part:BBa_K1283002<br />
[[Image:1283002.jpg|center|800px]]<br />
<br />
=STEP=<br />
===Step1 Transformation and Miniprep===<br />
We get Part A plasmid from registry, and construct Part B plasmid.<br />
[[File:step1.png|center|600px]]<br />
<br />
===Step2 Digestion===<br />
[[File:Step2.png|center|600px]]<br />
<br />
===Step3 Ligation===<br />
[[File:step3.png|center|600px]]<br />
<br />
===Step4 Tansformation, Miniprep and Digestion again===<br />
[[File:step4.png|center|600px]]<br />
<br />
===Step5 Sequencing===</div>
Haochuan
http://2014hs.igem.org/File:Result_electrophoresis_.jpg
File:Result electrophoresis .jpg
2014-06-20T07:44:51Z
<p>Haochuan: </p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Project
Team:Beijing HDFLS High/Project
2014-06-20T07:14:50Z
<p>Haochuan: /* Electrophoresis Map after Restriction Digest */</p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
=TITLE=<br />
The UV-responsing tandem generators for a wintergreen odor and protective melittin<br />
<br />
=ABSTRACT=<br />
The protective melittin generator is composed of two transcriptional devices: RecA (SOS) promoter (BBa_J22106) and synthesized melittin gene with enterokinase digested sequence. The protective generator takes as input extensive UV radiation and produces as output fusion melittin. Melittin can improve immunity and scavenging free radicals to alleviate the harm from electromagnetic radiation, such as blue light and UV.<br />
[[File:The_protective_melittin_generator.png|center|600px]]<br />
We further construct a biological system that produces a wintergreen odor and protective melittin under extensive UV radiation. The biological system includes two generators: the UV-responsing wintergreen odor generator (BBa_K994000) and the protective melittin generator. It not only can warn people of intense UV irradiation by a wintergreen odor, but also produce protective melittin.<br />
<br><br />
[[File:Tandem Generators.png|center|800px]]<br />
<br />
=BACKGROUND=<br />
===Blue light from computer induces eye retina producing free radical===<br />
<br />
The electromagnetic spectrum, in order of increasing frequency and decreasing wavelength, can be divided, for practical engineering purposes, into radio waves, microwaves, infrared radiation, visible light, ultraviolet radiation, X-rays and gamma rays. The eyes of various organisms sense a relatively small range of frequencies of EMR called the visible spectrum or light. Higher frequencies (shorter wavelengths) correspond to proportionately more energy carried by each photon. Blue light is the most energetic portion of the visible light spectrum, it's less energetic than UV radiation but it also has the ability to penetrate into tissue and cause cellular damage.<br />
[[File:2000px-EM_spectrum.png|center|600px]]<br />
<br />
Blue light is the hardest for the eye to focus on. We actually see a halo around bright blue light. Blue light scatters more inside the eyeball than other colors, producing more glare, more eyestrain and more fatigue. Intense blue light can cause damage to the retina, because blue is the hardest color for the retina to handle. The blue light induce that retinal produce free radicals. These radicals can lead to retinal pigment epithelial cell death. Then some light-sensitive cells lacks of nutrient, which results in visual impairment.<br />
[[File:Blue light.png|center|600px]]<br />
===Melittin has funcition of scavenging free radical===<br />
The old paint and song implies that the early ancient civilization was conscious of the possible virtues from bee stings.<br />
[[File:bee3.png|center|700px]]<br />
Melittin is the main component (50~55%) of bee venom, which has multiple functions.<br />
[[File:Melittin3.png|center|600px]]<br />
<br />
<br><br />
<br />
[[File:Melittin function.png|center|600px]]<br />
<br />
=PARTS=<br />
=I: Parts of Protective Mleittin Generators.=<br />
[[image:part.png|center|700px]]<br />
<br />
==Part A: Rec A (SOS) promoter==<br />
Extensive UV irradiation impings on heavily DNA damage and results in a single-strand DNA occuring, which activates RecA protein.Then,RecA protein leads to the expression of about 15 different repair proteins to rescue DNA damage.RecA protein is the central regulator in SOS repair system.Rec A (SOS) Promoter is available in 2004 registry part plate.<br />
[[Image:3.jpg|center|700px]]<br />
==Part B: Fusion melittin ==<br />
We synthesized fusion melittin gene with enterokinase digestion site. Melittin has the function of scavenging free radicals.<br />
[[Image:melittin.jpg|center|700px]]<br />
=II: Parts of Tandem Generators.=<br />
==Part A: Winter Green Odor Generator==<br />
The generator was constructed last year, and can produce wintergreen odor under extensive UV radiation<br />
[[Image:wintergreen.jpg|center|700px]]<br />
<br />
==Part B: Protective melittin Genertor==<br />
This is new constructed this year, and can produce protective melittin under extensive UV radiation<br />
[[Image:melittin generator.jpg|center|700px]]<br />
<br />
=METHODS=<br />
===METHOD I: The Protective Melittin Generator===<br />
[[Image:method I.jpg|center|800px]]<br />
<br />
===METHOD II: The Tandem Generators===<br />
We construct tandem Generators, using similar method with protective melittin generator<br />
<br />
=RESULTS=<br />
===Result I:The Protective Melittin Generator===<br />
=====Plates=====<br />
[[Image:Result Plate 2.jpg|center|800px]]<br />
=====Electrophoresis Map after Restriction Digest=====<br />
<br />
[[Image:Result Map4.jpg|center|900px]]<br />
<br />
=====DNA Sequencing and Submitting Part=====<br />
http://parts.igem.org/Part:BBa_K1283000<br />
[[Image:1283000.jpg|center|800px]]<br />
<br />
===Result II:Tandem Generators===<br />
<br />
===== DNA Sequencing and Submitting Part=====<br />
http://parts.igem.org/Part:BBa_K1283002<br />
[[Image:1283002.jpg|center|800px]]<br />
<br />
=STEP=<br />
===Step1 Transformation and Miniprep===<br />
We get Part A plasmid from registry, and construct Part B plasmid.<br />
[[File:step1.png|center|600px]]<br />
<br />
===Step2 Digestion===<br />
[[File:Step2.png|center|600px]]<br />
<br />
===Step3 Ligation===<br />
[[File:step3.png|center|600px]]<br />
<br />
===Step4 Tansformation, Miniprep and Digestion again===<br />
[[File:step4.png|center|600px]]<br />
<br />
===Step5 Sequencing===</div>
Haochuan
http://2014hs.igem.org/File:Result_Map4.jpg
File:Result Map4.jpg
2014-06-20T07:14:08Z
<p>Haochuan: </p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Project
Team:Beijing HDFLS High/Project
2014-06-20T07:13:42Z
<p>Haochuan: /* Electrophoresis Map after Restriction Digest */</p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
=TITLE=<br />
The UV-responsing tandem generators for a wintergreen odor and protective melittin<br />
<br />
=ABSTRACT=<br />
The protective melittin generator is composed of two transcriptional devices: RecA (SOS) promoter (BBa_J22106) and synthesized melittin gene with enterokinase digested sequence. The protective generator takes as input extensive UV radiation and produces as output fusion melittin. Melittin can improve immunity and scavenging free radicals to alleviate the harm from electromagnetic radiation, such as blue light and UV.<br />
[[File:The_protective_melittin_generator.png|center|600px]]<br />
We further construct a biological system that produces a wintergreen odor and protective melittin under extensive UV radiation. The biological system includes two generators: the UV-responsing wintergreen odor generator (BBa_K994000) and the protective melittin generator. It not only can warn people of intense UV irradiation by a wintergreen odor, but also produce protective melittin.<br />
<br><br />
[[File:Tandem Generators.png|center|800px]]<br />
<br />
=BACKGROUND=<br />
===Blue light from computer induces eye retina producing free radical===<br />
<br />
The electromagnetic spectrum, in order of increasing frequency and decreasing wavelength, can be divided, for practical engineering purposes, into radio waves, microwaves, infrared radiation, visible light, ultraviolet radiation, X-rays and gamma rays. The eyes of various organisms sense a relatively small range of frequencies of EMR called the visible spectrum or light. Higher frequencies (shorter wavelengths) correspond to proportionately more energy carried by each photon. Blue light is the most energetic portion of the visible light spectrum, it's less energetic than UV radiation but it also has the ability to penetrate into tissue and cause cellular damage.<br />
[[File:2000px-EM_spectrum.png|center|600px]]<br />
<br />
Blue light is the hardest for the eye to focus on. We actually see a halo around bright blue light. Blue light scatters more inside the eyeball than other colors, producing more glare, more eyestrain and more fatigue. Intense blue light can cause damage to the retina, because blue is the hardest color for the retina to handle. The blue light induce that retinal produce free radicals. These radicals can lead to retinal pigment epithelial cell death. Then some light-sensitive cells lacks of nutrient, which results in visual impairment.<br />
[[File:Blue light.png|center|600px]]<br />
===Melittin has funcition of scavenging free radical===<br />
The old paint and song implies that the early ancient civilization was conscious of the possible virtues from bee stings.<br />
[[File:bee3.png|center|700px]]<br />
Melittin is the main component (50~55%) of bee venom, which has multiple functions.<br />
[[File:Melittin3.png|center|600px]]<br />
<br />
<br><br />
<br />
[[File:Melittin function.png|center|600px]]<br />
<br />
=PARTS=<br />
=I: Parts of Protective Mleittin Generators.=<br />
[[image:part.png|center|700px]]<br />
<br />
==Part A: Rec A (SOS) promoter==<br />
Extensive UV irradiation impings on heavily DNA damage and results in a single-strand DNA occuring, which activates RecA protein.Then,RecA protein leads to the expression of about 15 different repair proteins to rescue DNA damage.RecA protein is the central regulator in SOS repair system.Rec A (SOS) Promoter is available in 2004 registry part plate.<br />
[[Image:3.jpg|center|700px]]<br />
==Part B: Fusion melittin ==<br />
We synthesized fusion melittin gene with enterokinase digestion site. Melittin has the function of scavenging free radicals.<br />
[[Image:melittin.jpg|center|700px]]<br />
=II: Parts of Tandem Generators.=<br />
==Part A: Winter Green Odor Generator==<br />
The generator was constructed last year, and can produce wintergreen odor under extensive UV radiation<br />
[[Image:wintergreen.jpg|center|700px]]<br />
<br />
==Part B: Protective melittin Genertor==<br />
This is new constructed this year, and can produce protective melittin under extensive UV radiation<br />
[[Image:melittin generator.jpg|center|700px]]<br />
<br />
=METHODS=<br />
===METHOD I: The Protective Melittin Generator===<br />
[[Image:method I.jpg|center|800px]]<br />
<br />
===METHOD II: The Tandem Generators===<br />
We construct tandem Generators, using similar method with protective melittin generator<br />
<br />
=RESULTS=<br />
===Result I:The Protective Melittin Generator===<br />
=====Plates=====<br />
[[Image:Result Plate 2.jpg|center|800px]]<br />
=====Electrophoresis Map after Restriction Digest=====<br />
<br />
[[Image:Result Map4.jpg|center|800px]]<br />
<br />
=====DNA Sequencing and Submitting Part=====<br />
http://parts.igem.org/Part:BBa_K1283000<br />
[[Image:1283000.jpg|center|800px]]<br />
<br />
===Result II:Tandem Generators===<br />
<br />
===== DNA Sequencing and Submitting Part=====<br />
http://parts.igem.org/Part:BBa_K1283002<br />
[[Image:1283002.jpg|center|800px]]<br />
<br />
=STEP=<br />
===Step1 Transformation and Miniprep===<br />
We get Part A plasmid from registry, and construct Part B plasmid.<br />
[[File:step1.png|center|600px]]<br />
<br />
===Step2 Digestion===<br />
[[File:Step2.png|center|600px]]<br />
<br />
===Step3 Ligation===<br />
[[File:step3.png|center|600px]]<br />
<br />
===Step4 Tansformation, Miniprep and Digestion again===<br />
[[File:step4.png|center|600px]]<br />
<br />
===Step5 Sequencing===</div>
Haochuan
http://2014hs.igem.org/File:Result_Map2.jpg
File:Result Map2.jpg
2014-06-20T07:11:20Z
<p>Haochuan: </p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/File:Method_I.jpg
File:Method I.jpg
2014-06-20T06:10:37Z
<p>Haochuan: </p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-16T11:18:35Z
<p>Haochuan: </p>
<hr />
<div>[[File:header wiki.png|center|970px]]<br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/File:Header_wiki.png
File:Header wiki.png
2014-06-16T11:18:14Z
<p>Haochuan: uploaded a new version of &quot;File:Header wiki.png&quot;</p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-12T12:01:36Z
<p>Haochuan: </p>
<hr />
<div>[[File:单纯的图.JPG|left|300px]]<br />
[[File:我大海外.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-12T12:00:57Z
<p>Haochuan: </p>
<hr />
<div>[[File:单纯的图.JPG|left|top|400px]]<br />
[[File:我大海外.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-12T12:00:17Z
<p>Haochuan: </p>
<hr />
<div>[[File:单纯的图.JPG|left|400px]]<br />
[[File:我大海外.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-12T11:59:38Z
<p>Haochuan: </p>
<hr />
<div>[[File:单纯的图.JPG|left|500px]]<br />
[[File:我大海外.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/File:%E5%8D%95%E7%BA%AF%E7%9A%84%E5%9B%BE.JPG
File:单纯的图.JPG
2014-06-12T11:58:50Z
<p>Haochuan: </p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-12T11:57:53Z
<p>Haochuan: </p>
<hr />
<div>[[File:单纯的图.JPG|left|300px]]<br />
[[File:我大海外.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-12T11:48:15Z
<p>Haochuan: </p>
<hr />
<div>[[File:单纯的图.JPG|right|300px]]<br />
[[File:我大海外.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:43:49Z
<p>Haochuan: </p>
<hr />
<div>[[File:我大海外.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:43:30Z
<p>Haochuan: </p>
<hr />
<div>[[File:我大海外.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:43:16Z
<p>Haochuan: </p>
<hr />
<div>[[File:我大海外.JPG|right|350px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:42:51Z
<p>Haochuan: </p>
<hr />
<div>[[File:我大海外.JPG|right|200px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:42:27Z
<p>Haochuan: </p>
<hr />
<div>[[File:我大海外.JPG|right|200px]]<br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:41:56Z
<p>Haochuan: </p>
<hr />
<div>[[File:我大海外.JPG|right|100px]]<br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/File:%E6%88%91%E5%A4%A7%E6%B5%B7%E5%A4%96.JPG
File:我大海外.JPG
2014-06-09T11:41:28Z
<p>Haochuan: </p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:40:45Z
<p>Haochuan: </p>
<hr />
<div>[[File:我大海外.JPG|right|200px]]<br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:39:17Z
<p>Haochuan: </p>
<hr />
<div>[[File:998.JPG|right|200px]]<br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-09T11:38:42Z
<p>Haochuan: </p>
<hr />
<div>[[File:10086.JPG|right|200px]]<br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun
Team:Beijing HDFLS High/Fun
2014-06-09T11:36:07Z
<p>Haochuan: </p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
<br />
We are a very unit team, we like ice-cream and lollipop. Where the crazy is, where we are! Come and support us, it is our pleasure to answer you if anyone ask any question to us.<br />
[[File:2.JPG|center|700px]]<br />
<br><br />
[[File:3.JPG|center|600px]]<br />
<br><br />
[[File:4.JPG|center|800px]]<br />
<br><br />
[[File:1.JPG|center|800px]]</div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun
Team:Beijing HDFLS High/Fun
2014-06-09T11:35:21Z
<p>Haochuan: </p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
<br />
We are a very unit team, we like ice-cream and lollipop. Where the crazy is, where we are! Come and support us, it is our pleasure to answer you if anyone ask any question to us.<br />
[[File:2.JPG|center|700px]]<br />
<br><br />
<br><br />
[[File:3.JPG|center|600px]]<br />
<br><br />
<br><br />
[[File:4.JPG|center|800px]]<br />
<br><br />
<br><br />
[[File:1.JPG|center|800px]]</div>
Haochuan
http://2014hs.igem.org/File:4.JPG
File:4.JPG
2014-06-09T11:34:07Z
<p>Haochuan: uploaded a new version of &quot;File:4.JPG&quot;</p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/File:3.JPG
File:3.JPG
2014-06-09T11:33:15Z
<p>Haochuan: uploaded a new version of &quot;File:3.JPG&quot;</p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun
Team:Beijing HDFLS High/Fun
2014-06-09T11:32:52Z
<p>Haochuan: </p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
<br />
We are a very unit team, we like ice-cream and lollipop. Where the crazy is, where we are! Come and support us, it is our pleasure to answer you if anyone ask any question to us.<br />
[[File:2.JPG|center|700px]]<br />
[[File:3.JPG|center|600px]]<br />
[[File:4.JPG|center|800px]]<br />
[[File:1.JPG|center|800px]]</div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun
Team:Beijing HDFLS High/Fun
2014-06-09T11:32:36Z
<p>Haochuan: </p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
<br />
We are a very unit team, we like ice-cream and lollipop. Where the crazy is, where we are! Come and support us, it is our pleasure to answer you if anyone ask any question to us.<br />
[[File:2.JPG|center|600px]]<br />
[[File:3.JPG|center|600px]]<br />
[[File:4.JPG|center|800px]]<br />
[[File:1.JPG|center|800px]]</div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun
Team:Beijing HDFLS High/Fun
2014-06-09T11:31:00Z
<p>Haochuan: </p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
<br />
We are a very unit team, we like ice-cream and lollipop. Where the crazy is, where we are! Come and support us, it is our pleasure to answer you if anyone ask any question to us.<br />
<br />
[[File:3.JPG|center|600px]]<br />
[[File:4.JPG|center|800px]]<br />
[[File:1.JPG|center|800px]]<br />
[[File:2.JPG|center|800px]]</div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun
Team:Beijing HDFLS High/Fun
2014-06-09T11:23:23Z
<p>Haochuan: </p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
<br />
We are a very unit team, we like ice-cream and lollipop. Where the crazy is, where we are! Come and support us, it is our pleasure to answer you if anyone ask any question to us.<br />
<br />
[[File:3.JPG|center|600px]]<br />
[[File:4.JPG|center|800px]]<br />
[[File:1.JPG|center|800px]]<br />
[[File:10086.JPG|center|800px]]</div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun
Team:Beijing HDFLS High/Fun
2014-06-09T11:09:13Z
<p>Haochuan: </p>
<hr />
<div>{{:Team:Beijing_HDFLS_High/header}}<br />
<br />
<br />
We are a very unit team, we like ice-cream and lollipop. Where the crazy is, where we are! Come and support us, it is our pleasure to answer you if anyone ask any question to us.<br />
<br />
[[File:3.JPG|center|600px]]<br />
[[File:4.JPG|center|800px]]<br />
[[File:1.JPG|center|800px]]</div>
Haochuan
http://2014hs.igem.org/File:2.JPG
File:2.JPG
2014-06-09T11:06:24Z
<p>Haochuan: uploaded a new version of &quot;File:2.JPG&quot;</p>
<hr />
<div></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/test
Team:Beijing HDFLS High/test
2014-06-08T06:22:51Z
<p>Haochuan: Created page with "大哥你就在这里测试吧,专门给你开的,测试完了Q联系我 我是高二四的那个比较矮不戴眼镜的,我的Q是2388817235,整完了可以联系我…..."</p>
<hr />
<div>大哥你就在这里测试吧,专门给你开的,测试完了Q联系我<br />
我是高二四的那个比较矮不戴眼镜的,我的Q是2388817235,整完了可以联系我……叫我川就行</div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-08T06:17:29Z
<p>Haochuan: </p>
<hr />
<div><html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:12:49Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:11:43Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:10:13Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:09:34Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|right|300px]]<br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:08:16Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|right|300px]]<br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:08:00Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|right|350px]]<br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:07:36Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|right|200px]]<br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:07:00Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|right|650px]]<br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:05:37Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|center|650px]]<br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:05:19Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|center|200px]]<br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan
http://2014hs.igem.org/Team:Beijing_HDFLS_High/header
Team:Beijing HDFLS High/header
2014-06-07T00:04:59Z
<p>Haochuan: </p>
<hr />
<div>[[File:999.JPG|left|200px]]<br />
<br><br />
<br><br />
<html><br />
<head><br />
<title>Beijing HDFLS iGEM 2013</title><br />
<script type="text/javascript"><br />
<br />
var tabdropdown={<br />
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout<br />
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?<br />
enableiframeshim: 1, //1 or 0, for true or false<br />
<br />
//No need to edit beyond here////////////////////////<br />
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,<br />
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)<br />
<br />
getposOffset:function(what, offsettype){<br />
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;<br />
var parentEl=what.offsetParent;<br />
while (parentEl!=null){<br />
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;<br />
parentEl=parentEl.offsetParent;<br />
}<br />
return totaloffset;<br />
},<br />
<br />
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over<br />
if (this.ie || this.firefox)<br />
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"<br />
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){<br />
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one<br />
obj2.parentNode.className="selected"<br />
obj.visibility="visible"<br />
}<br />
else if (e.type=="click")<br />
obj.visibility="hidden"<br />
},<br />
<br />
iecompattest:function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />
},<br />
<br />
clearbrowseredge:function(obj, whichedge){<br />
var edgeoffset=0<br />
if (whichedge=="rightedge"){<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth<br />
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?<br />
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth<br />
}<br />
else{<br />
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset<br />
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18<br />
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight<br />
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?<br />
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight<br />
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?<br />
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge<br />
}<br />
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up<br />
}<br />
return edgeoffset<br />
},<br />
<br />
dropit:function(obj, e, dropmenuID){<br />
if (this.dropmenuobj!=null){ //hide previous menu<br />
this.dropmenuobj.style.visibility="hidden" //hide menu<br />
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){<br />
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one<br />
this.previousmenuitem.parentNode.className=""<br />
}<br />
}<br />
this.clearhidemenu()<br />
if (this.ie||this.firefox){<br />
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}<br />
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?<br />
this.dropmenuobj=document.getElementById(dropmenuID)<br />
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}<br />
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}<br />
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}<br />
this.showhide(this.dropmenuobj.style, e, obj)<br />
this.dropmenuobj.x=this.getposOffset(obj, "left")<br />
this.dropmenuobj.y=this.getposOffset(obj, "top")<br />
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"<br />
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"<br />
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)<br />
this.positionshim() //call iframe shim function<br />
}<br />
},<br />
<br />
contains_firefox:function(a, b) {<br />
while (b.parentNode)<br />
if ((b = b.parentNode) == a)<br />
return true;<br />
return false;<br />
},<br />
<br />
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over<br />
var evtobj=window.event? window.event : e<br />
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))<br />
this.delayhidemenu(obj2)<br />
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))<br />
this.delayhidemenu(obj2)<br />
},<br />
<br />
delayhidemenu:function(obj2){<br />
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu<br />
},<br />
<br />
clearhidemenu:function(){<br />
if (this.delayhide!="undefined")<br />
clearTimeout(this.delayhide)<br />
},<br />
<br />
positionshim:function(){ //display iframe shim function<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined"){<br />
if (this.dropmenuobj.style.visibility=="visible"){<br />
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"<br />
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"<br />
this.shimobject.style.left=this.dropmenuobj.style.left<br />
this.shimobject.style.top=this.dropmenuobj.style.top<br />
}<br />
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"<br />
}<br />
},<br />
<br />
hideshim:function(){<br />
if (this.enableiframeshim && typeof this.shimobject!="undefined")<br />
this.shimobject.style.display='none'<br />
},<br />
<br />
isSelected:function(menuurl){<br />
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")<br />
return (tabdropdown.currentpageurl==menuurl)<br />
},<br />
<br />
init:function(menuid, dselected){<br />
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes<br />
var menuitems=document.getElementById(menuid).getElementsByTagName("a")<br />
for (var i=0; i<menuitems.length; i++){<br />
if (menuitems[i].getAttribute("rel")){<br />
var relvalue=menuitems[i].getAttribute("rel")<br />
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]<br />
menuitems[i].onmouseover=function(e){<br />
var event=typeof e!="undefined"? e : window.event<br />
tabdropdown.dropit(this, event, this.getAttribute("rel"))<br />
}<br />
}<br />
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){<br />
menuitems[i].parentNode.className+=" selected default"<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==i)<br />
menuitems[i].parentNode.className+=" selected default"<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<style><br />
.ddcolortabs{<br />
padding: 0;<br />
width: 100%;<br />
background: transparent;<br />
voice-family: "\"}\"";<br />
voice-family: inherit;<br />
}<br />
<br />
.ddcolortabs ul{<br />
font: normal 11px Arial, Verdana, sans-serif;<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
<br />
.ddcolortabs li{<br />
display:inline;<br />
margin:0 2px 0 0;<br />
padding:0;<br />
text-transform:uppercase;<br />
}<br />
.ddcolortabs a{<br />
float:left;<br />
color: white;<br />
background: black url(media/color_tabs_left.gif) no-repeat left top;<br />
margin:0 2px 0 0;<br />
padding:0 0 1px 3px;<br />
text-decoration:none;<br />
letter-spacing: 1px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:left;<br />
display:block;<br />
background: transparent url(media/color_tabs_right.gif) no-repeat right top;<br />
padding: 4px 8px 2px 7px;<br />
}<br />
<br />
.ddcolortabs a span{<br />
float:none;<br />
}<br />
<br />
.ddcolortabs a:hover{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs a:hover span{<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/<br />
background-color: #591f20;<br />
}<br />
<br />
.ddcolortabsline{<br />
clear: both;<br />
padding: 0;<br />
width: 100%;<br />
height: 8px;<br />
line-height: 8px;<br />
background: black;<br />
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/<br />
}<br />
<br />
/* ######### Style for Drop Down Menu ######### */<br />
<br />
.dropmenudiv_a{<br />
position:absolute;<br />
top: 0;<br />
border: 1px solid black; /*THEME CHANGE HERE*/<br />
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/<br />
border-bottom-width: 0;<br />
font:normal 12px Arial;<br />
line-height:18px;<br />
z-index:100;<br />
background-color: white;<br />
width: 200px;<br />
visibility: hidden;<br />
}<br />
.dropmenudiv_a a{<br />
width: auto;<br />
display: block;<br />
text-indent: 5px;<br />
border-top: 0 solid #678b3f;<br />
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/<br />
padding: 2px 0;<br />
text-decoration: none;<br />
color: black;<br />
}<br />
<br />
* html .dropmenudiv_a a{ /*IE only hack*/<br />
width: 100%;<br />
}<br />
<br />
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/<br />
background-color: #8a3c3d;<br />
color: white;<br />
}<br />
</style><br />
</head><br />
<!-- CSS for Drop Down Tabs Menu #1 --><br />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" /><br />
<br />
<div id="colortab" class="ddcolortabs"><br />
<ul><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li><br />
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li><br />
</ul><br />
</div><br />
<div class="ddcolortabsline">&nbsp;</div><br />
<div id="dropmenu1_a" class="dropmenudiv_a"><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a><br />
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a><br />
</div><br />
<script type="text/javascript"><br />
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])<br />
tabdropdown.init("colortab", 3)<br />
</script><br />
</html><br />
<br />
<br><br />
<br></div>
Haochuan