Team:Imperial College/New/Project
From 2008.igem.org
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
{{Imperial/StartPage2}} __NOTOC__ | {{Imperial/StartPage2}} __NOTOC__ | ||
+ | |||
+ | <html><script type="text/javascript"> | ||
+ | |||
+ | /*********************************************** | ||
+ | * Contractible Headers script- © Dynamic Drive (www.dynamicdrive.com) | ||
+ | * This notice must stay intact for legal use. Last updated Mar 23rd, 2004. | ||
+ | * Visit http://www.dynamicdrive.com/ for full source code | ||
+ | ***********************************************/ | ||
+ | |||
+ | var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off) | ||
+ | var collapseprevious="no" //Collapse previously open content when opening present? (yes/no) | ||
+ | |||
+ | if (document.getElementById){ | ||
+ | document.write('<style type="text/css">') | ||
+ | document.write('.switchcontent{display:none;}') | ||
+ | document.write('</style>') | ||
+ | } | ||
+ | |||
+ | function getElementbyClass(classname){ | ||
+ | ccollect=new Array() | ||
+ | var inc=0 | ||
+ | var alltags=document.all? document.all : document.getElementsByTagName("*") | ||
+ | for (i=0; i<alltags.length; i++){ | ||
+ | if (alltags[i].className==classname) | ||
+ | ccollect[inc++]=alltags[i] | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function contractcontent(omit){ | ||
+ | var inc=0 | ||
+ | while (ccollect[inc]){ | ||
+ | if (ccollect[inc].id!=omit) | ||
+ | ccollect[inc].style.display="none" | ||
+ | inc++ | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function expandcontent(cid){ | ||
+ | if (typeof ccollect!="undefined"){ | ||
+ | if (collapseprevious=="yes") | ||
+ | contractcontent(cid) | ||
+ | document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none" | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function revivecontent(){ | ||
+ | contractcontent("omitnothing") | ||
+ | selectedItem=getselectedItem() | ||
+ | selectedComponents=selectedItem.split("|") | ||
+ | for (i=0; i<selectedComponents.length-1; i++) | ||
+ | document.getElementById(selectedComponents[i]).style.display="block" | ||
+ | } | ||
+ | |||
+ | function get_cookie(Name) { | ||
+ | var search = Name + "=" | ||
+ | var returnvalue = ""; | ||
+ | if (document.cookie.length > 0) { | ||
+ | offset = document.cookie.indexOf(search) | ||
+ | if (offset != -1) { | ||
+ | offset += search.length | ||
+ | end = document.cookie.indexOf(";", offset); | ||
+ | if (end == -1) end = document.cookie.length; | ||
+ | returnvalue=unescape(document.cookie.substring(offset, end)) | ||
+ | } | ||
+ | } | ||
+ | return returnvalue; | ||
+ | } | ||
+ | |||
+ | function getselectedItem(){ | ||
+ | if (get_cookie(window.location.pathname) != ""){ | ||
+ | selectedItem=get_cookie(window.location.pathname) | ||
+ | return selectedItem | ||
+ | } | ||
+ | else | ||
+ | return "" | ||
+ | } | ||
+ | |||
+ | function saveswitchstate(){ | ||
+ | var inc=0, selectedItem="" | ||
+ | while (ccollect[inc]){ | ||
+ | if (ccollect[inc].style.display=="block") | ||
+ | selectedItem+=ccollect[inc].id+"|" | ||
+ | inc++ | ||
+ | } | ||
+ | |||
+ | document.cookie=window.location.pathname+"="+selectedItem | ||
+ | } | ||
+ | |||
+ | function do_onload(){ | ||
+ | uniqueidn=window.location.pathname+"firsttimeload" | ||
+ | getElementbyClass("switchcontent") | ||
+ | if (enablepersist=="on" && typeof ccollect!="undefined"){ | ||
+ | document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0" | ||
+ | firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load | ||
+ | if (!firsttimeload) | ||
+ | revivecontent() | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | if (window.addEventListener) | ||
+ | window.addEventListener("load", do_onload, false) | ||
+ | else if (window.attachEvent) | ||
+ | window.attachEvent("onload", do_onload) | ||
+ | else if (document.getElementById) | ||
+ | window.onload=do_onload | ||
+ | |||
+ | if (enablepersist=="on" && document.getElementById) | ||
+ | window.onunload=saveswitchstate | ||
+ | |||
+ | </script></html> | ||
+ | |||
=== Biofabricator subtilis === | === Biofabricator subtilis === | ||
+ | |||
+ | {{Imperial/Box1|Title| | ||
+ | <html><h3 onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer">What is JavaScript?</h3> | ||
+ | <div id="sc1" class="switchcontent"> | ||
+ | JavaScript is a scripting language originally developed by Netscape to add interactivity and power to web documents. It is purely client side, and runs completely on the client's browser and computer. | ||
+ | </div> | ||
+ | |||
+ | <h3 onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer">Difference betwen Java & JavaScript?</h3> | ||
+ | <div id="sc2" class="switchcontent"> | ||
+ | Java is completely different from JavaScript- the former is a compiled language while the later is a scripting language. | ||
+ | </div> | ||
+ | |||
+ | <h3 onClick="expandcontent('sc3')" style="cursor:hand; cursor:pointer">What is DHTML?</h3> | ||
+ | <div id="sc3" class="switchcontent"> | ||
+ | DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience. | ||
+ | </div></html> | ||
+ | |}} | ||
+ | |||
{{Imperial/Box2|Biofabricator Subtilis|In designing our ''Biofabricator Subtilis'', we followed the engineering approach for synthetic biology. | {{Imperial/Box2|Biofabricator Subtilis|In designing our ''Biofabricator Subtilis'', we followed the engineering approach for synthetic biology. | ||
Revision as of 15:25, 3 October 2008
Biofabricator subtilis
Our Specifications
|