"
Team:Glasgow/test
From 2011.igem.org
(Difference between revisions)
Chris Wood (Talk | contribs) |
Pegasus1504 (Talk | contribs) |
||
| (19 intermediate revisions not shown) | |||
| Line 76: | Line 76: | ||
}); | }); | ||
$("#but9").click(function() { | $("#but9").click(function() { | ||
| + | if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png')) | ||
| + | { | ||
| + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png'); | ||
| + | } | ||
| + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png')) | ||
| + | { | ||
$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png'); | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png'); | ||
| + | } | ||
}); | }); | ||
$("#but10").click(function() { | $("#but10").click(function() { | ||
| + | if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png')) | ||
| + | { | ||
| + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png'); | ||
| + | } | ||
| + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png')) | ||
| + | { | ||
$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/6/61/Product1BL.png'); | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/6/61/Product1BL.png'); | ||
| + | } | ||
}); | }); | ||
$("#but11").click(function() { | $("#but11").click(function() { | ||
| + | if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png')) | ||
| + | { | ||
$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/24/Product1RL.png'); | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/24/Product1RL.png'); | ||
| + | } | ||
}); | }); | ||
$("#switch").click(function() { | $("#switch").click(function() { | ||
| - | if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png')) | + | if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png')) |
{ | { | ||
$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png'); | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png'); | ||
} | } | ||
| - | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/ | + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png')) |
{ | { | ||
| - | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/ | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png'); |
} | } | ||
| - | + | }); | |
| + | $("#switchdevice").hover(function() { | ||
| + | if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png')) | ||
{ | { | ||
| - | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/ | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/26/Switchpatternformation.png'); |
| + | } | ||
| + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png')) | ||
| + | { | ||
| + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/3/33/Switchproductselection.png'); | ||
} | } | ||
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png')) | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png')) | ||
{ | { | ||
| - | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/ | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/f/f3/Switchproductselection2.png'); |
} | } | ||
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png')) | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png')) | ||
{ | { | ||
| - | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/ | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/4/4d/Switchproductselection3.png'); |
} | } | ||
| - | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/ | + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png')) |
| + | { | ||
| + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/f/f9/Switchstructurefixation.png'); | ||
| + | } | ||
| + | }, | ||
| + | function(){ | ||
| + | if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/26/Switchpatternformation.png')) | ||
{ | { | ||
$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png'); | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png'); | ||
| + | } | ||
| + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/3/33/Switchproductselection.png')) | ||
| + | { | ||
| + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/24/Product1RL.png'); | ||
| + | } | ||
| + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/f/f3/Switchproductselection2.png')) | ||
| + | { | ||
| + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/6/61/Product1BL.png'); | ||
| + | } | ||
| + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/4/4d/Switchproductselection3.png')) | ||
| + | { | ||
| + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png'); | ||
| + | } | ||
| + | else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/f/f9/Switchstructurefixation.png')) | ||
| + | { | ||
| + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png'); | ||
} | } | ||
}); | }); | ||
| Line 212: | Line 257: | ||
left:312px; | left:312px; | ||
top:138px; | top:138px; | ||
| + | z-index:2; | ||
| + | ;} | ||
| + | #switchdevice { | ||
| + | width:115px; | ||
| + | height:80px; | ||
| + | position:absolute; | ||
| + | left:315px; | ||
| + | top:200px; | ||
z-index:2; | z-index:2; | ||
;} | ;} | ||
| Line 220: | Line 273: | ||
<p>The system we have designed for iGEM 2011 takes advantage of the modular nature of synthetic biology and combines relatively few parts to create a complex and highly regulated system of gene expression. This diagram shows how the biobricks we intend to create can be organised to allow for the bio-photo-lithography process.</p> | <p>The system we have designed for iGEM 2011 takes advantage of the modular nature of synthetic biology and combines relatively few parts to create a complex and highly regulated system of gene expression. This diagram shows how the biobricks we intend to create can be organised to allow for the bio-photo-lithography process.</p> | ||
| - | <p><b>Mousing over the highlighted devices will display the biobrick constructs we have designed to perform the device functions. Clicking the Pattern Formation, Product Selection or the Structure Fixation tab will highlight the devices used for the selected stage.</b></p> | + | <p><b>Use the switch and the different colours of light to choose which device is active! Mousing over the highlighted devices will display the biobrick constructs we have designed to perform the device functions. Clicking the Pattern Formation, Product Selection or the Structure Fixation tab will highlight the devices used for the selected stage.</b></p> |
<div align=center> | <div align=center> | ||
| Line 248: | Line 301: | ||
</div> | </div> | ||
<div id="switch"> | <div id="switch"> | ||
| + | </div> | ||
| + | <div id="switchdevice"> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | |||
| + | <div> | ||
| + | <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="width:440px;height:272px" id="701d80e9-ebdd-883f-508c-d0cb53ea4853" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&backgroundColor=%23222222&documentId=110921163609-d9b481c1344248b58f66acf6a92e7688" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><param name="wmode" value="transparent"/><embed src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" wmode="transparent" style="width:420px;height:297px" flashvars="mode=mini&backgroundColor=%23222222&documentId=110921163609-d9b481c1344248b58f66acf6a92e7688" /></object> | ||
| + | </div> | ||
| + | <br/> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 18:00, 21 September 2011
System Design
The system we have designed for iGEM 2011 takes advantage of the modular nature of synthetic biology and combines relatively few parts to create a complex and highly regulated system of gene expression. This diagram shows how the biobricks we intend to create can be organised to allow for the bio-photo-lithography process.
Use the switch and the different colours of light to choose which device is active! Mousing over the highlighted devices will display the biobrick constructs we have designed to perform the device functions. Clicking the Pattern Formation, Product Selection or the Structure Fixation tab will highlight the devices used for the selected stage.
