|
|
(9 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{Imperial/StartPage2}} __NOTOC__ | | {{Imperial/StartPage2}} __NOTOC__ |
| | | |
- | <html><script type="text/javascript"> | + | <html><center><embed src="https://2008.igem.org/Image:Imperial_2008_Intro_Movie.mov"></center></html> |
- | | + | |
- | /***********************************************
| + | |
- | * 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|
| + | {{Imperial/Box2|Biofabricator subtilis|In designing our ''Biofabricator subtilis'', we followed the engineering approach for synthetic biology. |
- | <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. | + | |
| | | |
| | | |
Line 158: |
Line 32: |
| | | |
| | | |
- | For more information on how ''B. subtilis'' meets our specifications and why we have embarked on the ambitious route of using it as our chassis, please refer to the next page. [[IGEM:IMPERIAL/2008/New/Chassis_1 | '''>>> Why B. subtilis? >>>''']] | + | {{Imperial/Box2|| |
| + | For more information on how ''B. subtilis'' meets our specifications and why we have embarked on the ambitious route of using it as our chassis, please refer to the next page. [[IGEM:IMPERIAL/2008/New/Chassis_1 | '''>>> Why B. subtilis? >>>''']]}} |
| {{Imperial/EndPage|Home|Chassis_1}} | | {{Imperial/EndPage|Home|Chassis_1}} |