|
|
(24 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html> | + | <div id="header">{{Template:Team:Edinburgh/Templates/Header}}</div> |
- | <head>
| + | |
- | <title>Edinburgh iGem 2008</title>
| + | |
- | <script type="text/javascript">
| + | |
- | //Drop Down Tabs Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
| + | |
- | //Created: May 16th, 07' | + | |
| | | |
- | var tabdropdown={
| + | = The Team = |
- | disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout
| + | |
- | disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
| + | |
- | enableiframeshim: 1, //1 or 0, for true or false
| + | |
| | | |
- | //No need to edit beyond here////////////////////////
| + | [[Image:Edinburgh_Darwin.jpg|thumb|right|The beautiful Darwin Building, our home for ten weeks.]] |
- | dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,
| + | Our iGEM 2008 team is a very international group comprising six students, two associate members and three instructors of British, Chinese, Jordanian, German, Indian and New Zealander nationalities. We work and study together on the top floor of Darwin Building, sweating away and becoming a family in these 10 weeks of summer. See us getting to know the other UK iGEM teams at our meeting in [[Events/Scotland_meetup|Edinburgh 15/16 July]]. |
- | currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)
| + | |
| | | |
- | getposOffset:function(what, offsettype){
| + | '''Students''' |
- | var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
| + | * [[User:Andhi|Andy Hall]] (Biology) |
- | var parentEl=what.offsetParent;
| + | * [[User:Adlerma|Adler Ma]] (Biology) |
- | while (parentEl!=null){
| + | * [[Team:Edinburgh/Team/Yan|Zejun Yan]] (Biology) |
- | totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
| + | * [[User:omarings|Omar Gammoh]] (Engineering) |
- | parentEl=parentEl.offsetParent;
| + | * [[User:Ariel|Xing He]] (Engineering) |
- | }
| + | * [[User:Wenhong|Wenhong Li]] (Informatics) |
- | return totaloffset;
| + | |
- | },
| + | |
| | | |
- | showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over
| + | '''Associate Members''' |
- | if (this.ie || this.firefox)
| + | * Nimisha Joshi (Biology) |
- | this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
| + | * Antonia Mayer (Informatics) |
- | if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
| + | |
- | if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one
| + | |
- | obj2.parentNode.className="selected"
| + | |
- | obj.visibility="visible"
| + | |
- | }
| + | |
- | else if (e.type=="click")
| + | |
- | obj.visibility="hidden"
| + | |
- | },
| + | |
| | | |
- | iecompattest:function(){
| + | '''Instructors''' |
- | return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
| + | * [http://www.biology.ed.ac.uk/research/institutes/cell/homepage.php?id=cfrench Dr Chris French (Biology)] |
- | },
| + | * Dr [[User:Aelfick|Alistair Elfick]] (Engineering) |
- | | + | * Dr Hongwu Ma (Informatics)<br /> |
- | clearbrowseredge:function(obj, whichedge){
| + | <br /> |
- | var edgeoffset=0
| + | [[Image:Edinburgh-Team.jpg|500px|centre]] |
- | if (whichedge=="rightedge"){
| + | The team at the UK iGEM and UK Synthetic Biology Standards Network meeting, Edinburgh, July 2008. From left to right: Omar, Xing, Zejun, Wenhong, Andy, Adler. |
- | var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
| + | |
- | this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
| + | |
- | if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?
| + | |
- | edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
| + | |
- | }
| + | |
- | else{
| + | |
- | var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset
| + | |
- | var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
| + | |
- | this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
| + | |
- | if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
| + | |
- | edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
| + | |
- | if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
| + | |
- | edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
| + | |
- | }
| + | |
- | this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up
| + | |
- | }
| + | |
- | return edgeoffset
| + | |
- | },
| + | |
- | | + | |
- | dropit:function(obj, e, dropmenuID){
| + | |
- | if (this.dropmenuobj!=null){ //hide previous menu
| + | |
- | this.dropmenuobj.style.visibility="hidden" //hide menu
| + | |
- | if (this.previousmenuitem!=null && this.previousmenuitem!=obj){
| + | |
- | if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one
| + | |
- | this.previousmenuitem.parentNode.className=""
| + | |
- | }
| + | |
- | }
| + | |
- | this.clearhidemenu()
| + | |
- | if (this.ie||this.firefox){
| + | |
- | obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}
| + | |
- | obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?
| + | |
- | this.dropmenuobj=document.getElementById(dropmenuID)
| + | |
- | this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}
| + | |
- | this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}
| + | |
- | this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}
| + | |
- | this.showhide(this.dropmenuobj.style, e, obj)
| + | |
- | this.dropmenuobj.x=this.getposOffset(obj, "left")
| + | |
- | this.dropmenuobj.y=this.getposOffset(obj, "top")
| + | |
- | this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
| + | |
- | this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
| + | |
- | this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)
| + | |
- | this.positionshim() //call iframe shim function
| + | |
- | }
| + | |
- | },
| + | |
- | | + | |
- | contains_firefox:function(a, b) {
| + | |
- | while (b.parentNode)
| + | |
- | if ((b = b.parentNode) == a)
| + | |
- | return true;
| + | |
- | return false;
| + | |
- | },
| + | |
- | | + | |
- | dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over
| + | |
- | var evtobj=window.event? window.event : e
| + | |
- | if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
| + | |
- | this.delayhidemenu(obj2)
| + | |
- | else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
| + | |
- | this.delayhidemenu(obj2)
| + | |
- | },
| + | |
- | | + | |
- | delayhidemenu:function(obj2){
| + | |
- | this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu
| + | |
- | },
| + | |
- | | + | |
- | clearhidemenu:function(){
| + | |
- | if (this.delayhide!="undefined")
| + | |
- | clearTimeout(this.delayhide)
| + | |
- | },
| + | |
- | | + | |
- | positionshim:function(){ //display iframe shim function
| + | |
- | if (this.enableiframeshim && typeof this.shimobject!="undefined"){
| + | |
- | if (this.dropmenuobj.style.visibility=="visible"){
| + | |
- | this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
| + | |
- | this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
| + | |
- | this.shimobject.style.left=this.dropmenuobj.style.left
| + | |
- | this.shimobject.style.top=this.dropmenuobj.style.top
| + | |
- | }
| + | |
- | this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
| + | |
- | }
| + | |
- | },
| + | |
- | | + | |
- | hideshim:function(){
| + | |
- | if (this.enableiframeshim && typeof this.shimobject!="undefined")
| + | |
- | this.shimobject.style.display='none'
| + | |
- | },
| + | |
- | | + | |
- | isSelected:function(menuurl){
| + | |
- | var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")
| + | |
- | return (tabdropdown.currentpageurl==menuurl)
| + | |
- | },
| + | |
- | | + | |
- | init:function(menuid, dselected){
| + | |
- | this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
| + | |
- | var menuitems=document.getElementById(menuid).getElementsByTagName("a")
| + | |
- | for (var i=0; i<menuitems.length; i++){
| + | |
- | if (menuitems[i].getAttribute("rel")){
| + | |
- | var relvalue=menuitems[i].getAttribute("rel")
| + | |
- | document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]
| + | |
- | menuitems[i].onmouseover=function(e){
| + | |
- | var event=typeof e!="undefined"? e : window.event
| + | |
- | tabdropdown.dropit(this, event, this.getAttribute("rel"))
| + | |
- | }
| + | |
- | }
| + | |
- | if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){
| + | |
- | menuitems[i].parentNode.className+=" selected default"
| + | |
- | var setalready=true
| + | |
- | }
| + | |
- | else if (parseInt(dselected)==i)
| + | |
- | menuitems[i].parentNode.className+=" selected default"
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | }
| + | |
- | </script>
| + | |
- | <style>
| + | |
- | .ddcolortabs{
| + | |
- | padding: 0;
| + | |
- | width: 100%;
| + | |
- | background: transparent;
| + | |
- | voice-family: "\"}\"";
| + | |
- | voice-family: inherit;
| + | |
- | }
| + | |
- | | + | |
- | .ddcolortabs ul{
| + | |
- | font: normal 11px Arial, Verdana, sans-serif;
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | list-style:none;
| + | |
- | }
| + | |
- | | + | |
- | .ddcolortabs li{
| + | |
- | display:inline;
| + | |
- | margin:0 2px 0 0;
| + | |
- | padding:0;
| + | |
- | text-transform:uppercase;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .ddcolortabs a{
| + | |
- | float:left;
| + | |
- | color: white;
| + | |
- | background: black url(media/color_tabs_left.gif) no-repeat left top;
| + | |
- | margin:0 2px 0 0;
| + | |
- | padding:0 0 1px 3px;
| + | |
- | text-decoration:none;
| + | |
- | letter-spacing: 1px;
| + | |
- | }
| + | |
- | | + | |
- | .ddcolortabs a span{
| + | |
- | float:left;
| + | |
- | display:block;
| + | |
- | background: transparent url(media/color_tabs_right.gif) no-repeat right top;
| + | |
- | padding: 4px 8px 2px 7px;
| + | |
- | }
| + | |
- | | + | |
- | .ddcolortabs a span{
| + | |
- | float:none;
| + | |
- | }
| + | |
- | | + | |
- | .ddcolortabs a:hover{
| + | |
- | background-color: #591f20;
| + | |
- | }
| + | |
- | | + | |
- | .ddcolortabs a:hover span{
| + | |
- | background-color: #591f20;
| + | |
- | }
| + | |
- | | + | |
- | .ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
| + | |
- | background-color: #591f20;
| + | |
- | }
| + | |
- | | + | |
- | .ddcolortabsline{
| + | |
- | clear: both;
| + | |
- | padding: 0;
| + | |
- | width: 100%;
| + | |
- | height: 8px;
| + | |
- | line-height: 8px;
| + | |
- | background: black;
| + | |
- | border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
| + | |
- | }
| + | |
- | | + | |
- | /* ######### Style for Drop Down Menu ######### */
| + | |
- | | + | |
- | .dropmenudiv_a{
| + | |
- | position:absolute;
| + | |
- | top: 0;
| + | |
- | border: 1px solid black; /*THEME CHANGE HERE*/
| + | |
- | border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
| + | |
- | border-bottom-width: 0;
| + | |
- | font:normal 12px Arial;
| + | |
- | line-height:18px;
| + | |
- | z-index:100;
| + | |
- | background-color: white;
| + | |
- | width: 200px;
| + | |
- | visibility: hidden;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .dropmenudiv_a a{
| + | |
- | width: auto;
| + | |
- | display: block;
| + | |
- | text-indent: 5px;
| + | |
- | border-top: 0 solid #678b3f;
| + | |
- | border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
| + | |
- | padding: 2px 0;
| + | |
- | text-decoration: none;
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | * html .dropmenudiv_a a{ /*IE only hack*/
| + | |
- | width: 100%;
| + | |
- | }
| + | |
- | | + | |
- | .dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
| + | |
- | background-color: #8a3c3d;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | </style> | + | |
- | </head> | + | |
- | | + | |
- | <!-- CSS for Drop Down Tabs Menu #1 -->
| + | |
- | <link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
| + | |
- | | + | |
- | <div id="colortab" class="ddcolortabs">
| + | |
- | <ul>
| + | |
- | <li><a href="https://2008.igem.org/Team:Edinburgh" title="Home"><span>Home</span></a></li>
| + | |
- | <li><a href="https://2008.igem.org/Team:Edinburgh/Project" title="Project" rel="dropmenu1_a"><span>The Project</span></a></li>
| + | |
- | <li><a href="https://2008.igem.org/Team:Edinburgh/Team" title="Team" ><span>The Team</span></a></li>
| + | |
- | <li><a href="https://2008.igem.org/Team:Edinburgh/Modeling" title="Modeling" rel="dropmenu2_a"><span>Modeling</span></a></li>
| + | |
- | <li><a href="https://2008.igem.org/Team:Edinburgh/Notebook" title="Notebook"><span>Notebook</span></a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="ddcolortabsline"> </div>
| + | |
- | <div id="dropmenu1_a" class="dropmenudiv_a">
| + | |
- | <a href="https://2008.igem.org/Team:Edinburgh/Team">Overview</a>
| + | |
- | <a href="https://2008.igem.org/Team:Edinburgh/Team">Step1</a>
| + | |
- | <a href="https://2008.igem.org/Team:Edinburgh/Team">Step2</a>
| + | |
- | </div>
| + | |
- | <script type="text/javascript">
| + | |
- | //SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
| + | |
- | tabdropdown.init("colortab", 3)
| + | |
- | </script>
| + | |
- | </html>
| + | |
- | | + | |
- | Our iGEM 2008 team is a really international group comprising six students and three instructors of British, Chinese, Jordanian, German and New Zealander nationalities. Chris French (Biology), Alistair Elfick (Engineering) and Hongwu Ma (Informatics) are our main instructors who guide and work with us. The ten of us - four biologists, three engineers and three informaticians - work and study together on the top floor of Darwin Building. We are making progress and becoming a family in these 10 weeks of summer.
| + | |
- | | + | |
- | | + | |
- | Students:
| + | |
- | | + | |
- | Andrew Hall
| + | |
- | | + | |
- | Adler Ma
| + | |
- | | + | |
- | Omar Gammoh | + | |
- | | + | |
- | Wenhong (Tina) Li
| + | |
- | | + | |
- | Xing He | + | |
- | | + | |
- | Zejun Yan | + | |
- | | + | |
- | | + | |
- | Main instructors:
| + | |
- | | + | |
- | Alistair Elfick
| + | |
- | | + | |
- | Chris French
| + | |
- | | + | |
- | Hongwu Ma
| + | |
Our iGEM 2008 team is a very international group comprising six students, two associate members and three instructors of British, Chinese, Jordanian, German, Indian and New Zealander nationalities. We work and study together on the top floor of Darwin Building, sweating away and becoming a family in these 10 weeks of summer. See us getting to know the other UK iGEM teams at our meeting in Edinburgh 15/16 July.
The team at the UK iGEM and UK Synthetic Biology Standards Network meeting, Edinburgh, July 2008. From left to right: Omar, Xing, Zejun, Wenhong, Andy, Adler.