Team:Glasgow/test

From 2011.igem.org

(Difference between revisions)
 
(26 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() {
 +
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');
 +
}
 +
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/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/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'))
 +
{
 +
  $('#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'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/4/4d/Switchproductselection3.png');
 +
}
 +
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');
 +
}
 +
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');
 +
}
   });
   });
  });
  });
</script>
</script>
<style type="text/css">
<style type="text/css">
-
  #maincon {
+
  #systemdiagram {
   width:680px;
   width:680px;
   position:relative;}
   position:relative;}
Line 178: Line 249:
   left:325px;
   left:325px;
   top:310px;
   top:310px;
 +
  z-index:2;
 +
  ;}
 +
#switch {
 +
  width:60px;
 +
  height:30px;
 +
  position:absolute;
 +
  left:312px;
 +
  top:138px;
 +
  z-index:2;
 +
  ;}
 +
#switchdevice {
 +
  width:115px;
 +
  height:80px;
 +
  position:absolute;
 +
  left:315px;
 +
  top:200px;
   z-index:2;
   z-index:2;
   ;}
   ;}
Line 186: 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 devices will display the biobrick constructs we have design 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. DEPENDING ON CONNECTION SPEED THE DIAGRAM MAY TAKE SOME TIME TO LOAD FULLY.</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 id="maincon">
+
<div align=center>
 +
  <div id="systemdiagram">
  <img id="mainpic" />
  <img id="mainpic" />
   <div id="but1">
   <div id="but1">
Line 212: Line 299:
   </div>
   </div>
   <div id="but11">
   <div id="but11">
 +
  </div>
 +
  <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&amp;backgroundColor=%23222222&amp;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&amp;backgroundColor=%23222222&amp;documentId=110921163609-d9b481c1344248b58f66acf6a92e7688" /></object>
 +
</div>
 +
<br/>
</body>
</body>
</html>
</html>
-
 
-
[[File:Product3device.png]]
 

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.


Retrieved from "http://2011.igem.org/Team:Glasgow/test"