Team:Slovenia/Interactive

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script type="text/javascript" src="http://igem2012.fri.uni-lj.si/scripts/inputcheck.js"></script> <style t...")
(Replaced content with "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Your Page Title</title> <meta http-equiv="REFRESH" content="0;url=https://2012.igem.org/Tea...")
 
Line 1: Line 1:
 +
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<html>
<head>
<head>
-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+
<title>Your Page Title</title>
-
 
+
<meta http-equiv="REFRESH" content="0;url=https://2012.igem.org/Team:Slovenia/ModelingInteractiveSimulations"></HEAD>
-
<script type="text/javascript" src="http://igem2012.fri.uni-lj.si/scripts/inputcheck.js"></script>
+
<BODY>
-
<style type="text/css">
+
Optional page text here.
-
 
+
</BODY>
-
 
+
</HTML>
-
#container {background:#fff; margin:0 auto 0px; padding:5px 0px 0px; width:960px; border-radius:10px;}
+
-
#main {background:#fff; width:950px; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:10px; margin-top:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:110%; }
+
-
 
+
-
#mainmenu {background:#fff; width:980px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin-top:0px; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:110%; }
+
-
 
+
-
 
+
-
 
+
-
p {line-height:1.5em; margin:0 0 15px; text-align:justify;}
+
-
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
+
-
 
+
-
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
+
-
* html .clearfix{height:1%;}
+
-
*:first-child+html .clearfix{min-height:1%;}
+
-
 
+
-
img { display: block; margin-left: auto; margin-right: auto }
+
-
 
+
-
 
+
-
a, a:visited, a:active {border-bottom:1px dotted #505050; color:#0C5DA5; text-decoration:none;}
+
-
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
+
-
a img {border:0;}
+
-
 
+
-
.firstHeading {display:none;}
+
-
 
+
-
/*#footer-box { display:none ;}*/
+
-
#footer-box { width: 950px; border:none; border-radius:10px; padding:15px 15px 15px 15px; margin-bottom:10px;}
+
-
 
+
-
#top-section {
+
-
    position: relative;
+
-
    height: 0px;
+
-
    width: 965px;
+
-
    margin: 0 auto 0 auto;
+
-
    border-left: 1px solid #444444;
+
-
    border-right: 1px solid #444444;
+
-
border-bottom: 0px;
+
-
}
+
-
 
+
-
 
+
-
#catlinks { display:none; }
+
-
 
+
-
 
+
-
#p-logo { display:none;}
+
-
 
+
-
 
+
-
#column-one { padding-top:0px; padding: 0 0 0 0;}
+
-
 
+
-
body
+
-
{
+
-
margin:0;
+
-
padding:15px 0 0;
+
-
background-color: #ececec;
+
-
background-image:url("https://static.igem.org/mediawiki/2012/5/5d/Svn12_bckg_css.png");
+
-
background-repeat:repeat;
+
-
}
+
-
 
+
-
 
+
-
#content{
+
-
background-color: transparent;
+
-
border-left: none;
+
-
border-right: none;
+
-
width:980px;
+
-
}
+
-
 
+
-
#search-controls {
+
-
display:none;
+
-
}
+
-
 
+
-
 
+
-
#banner{
+
-
background-image:url("https://static.igem.org/mediawiki/2012/a/a9/Svn12_bannertop.png");
+
-
background-position: center;
+
-
background-repeat: no-repeat;
+
-
width:980;
+
-
height:239px;
+
-
font-family:Arial;
+
-
font-size:12px;
+
-
padding-left:268px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* menu (page, edit ...) */
+
-
#menubar {
+
-
    position: absolute;
+
-
    white-space: nowrap;
+
-
    top: -6px;
+
-
    width: 400px;
+
-
    z-index: 5;
+
-
    font-family: sans-serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
}
+
-
 
+
-
.left-menu, .left-menu a {
+
-
    left: 0px;
+
-
    text-align: left;
+
-
    color:#114472;
+
-
    text-transform: lowercase;
+
-
}
+
-
 
+
-
.left-menu:hover {
+
-
    color: #114472;
+
-
    background-color: transparent;
+
-
}
+
-
.right-menu, .right-menu a {
+
-
    right: 0px;
+
-
    text-align: right;
+
-
    color: #114472;
+
-
}
+
-
#menubar ul {
+
-
    color: #114472;
+
-
    list-style: none;
+
-
}
+
-
#menubar li {
+
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
-
}
+
-
.left-menu li a {
+
-
    padding: 0px 10px 0px 0px;
+
-
}
+
-
.left-menu .selected {
+
-
#    color: #114472;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
#    color: #114472;
+
-
#}
+
-
 
+
-
.left-menu:hover a {
+
-
    color: #114472;;
+
-
}
+
-
.right-menu li {
+
-
#    background-color: transparent;
+
-
}
+
-
.right-menu li a {
+
-
    padding: 0px 15px 0px 0px;
+
-
    color: #114472;;
+
-
    background-color: transparent;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: #114472;
+
-
    text-decoration: underline;
+
-
}
+
-
/* end menu (edit, page ...) */
+
-
 
+
-
 
+
-
/* Tables */
+
-
/* IE 6: http://webdesign.about.com/od/tables/qt/tiptablecenter.htm */
+
-
table.normal { border-collapse: collapse;  width:50%; margin-bottom:15px; }
+
-
td.normal, th.normal { padding-left: 1.4em; padding-right: 1.4em; padding-top: 0.4em; padding-bottom: 0.4em; border: 1px #d8d8d8 solid; }
+
-
thead.normal{ background: #0C5DA5; color:#ffffff; border: 1px #d8d8d8 solid; }
+
-
tbody .normal{ background: #fff; }
+
-
 
+
-
 
+
-
p.inliner{text-align:justify; }
+
-
img.inliner{width:100%; border-width:0px;}
+
-
table.inliner{border-width:0px; float:right; width:60%; margin-bottom:15px; margin-left:15 px; margin-right:15 px; padding-left:15px; }
+
-
td.inliner, th.normal { border-width:0px;}
+
-
thead.inliner{}
+
-
tbody .inliner{}
+
-
 
+
-
 
+
-
table.outcome { border-collapse: collapse; margin: auto; width:90%; margin-bottom:15px; }
+
-
td.outcome, th.normal { padding-left: 1.4em; padding-right: 1.4em; padding-top: 0.4em; padding-bottom: 0.4em; border: 1px #d8d8d8 solid; }
+
-
thead.outcome{ background: #0C5DA5; color:#ffffff; border: 1px #d8d8d8 solid; }
+
-
tbody .outcome{ background: #fff; }
+
-
ul.circle {
+
-
list-style-type:circle;
+
-
}
+
-
 
+
-
 
+
-
/* invisible table */
+
-
table.invisible{ border-collapse: collapse; margin: auto; width:100%; margin-bottom:15px; }
+
-
td.invisible, th.invisible { padding-left: 1.4em; padding-right: 1.4em; padding-top: 0.4em; padding-bottom: 0.4em; border:none; }
+
-
thead.invisible{ background: #0C5DA5; color:#ffffff; border:none; }
+
-
tbody .invisible{ background: #fff; }
+
-
 
+
-
 
+
-
/* summary table */
+
-
table.summary{ border-collapse: collapse; margin: auto; width:100%; margin-bottom:10px; }
+
-
td.summary, th.summary{ background:#d0ecf4; color:#000000; padding-left: 5px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; border:none; border-radius:0px;}
+
-
thead.summary{ background:#d0ecf4; color:#000000; border:none; border-radius:0px; }
+
-
tbody.summary{ background: #fff; }
+
-
 
+
-
 
+
-
 
+
-
/* CSS navigation menu (blue) */
+
-
#cssmenu{ height:37px; display:block; padding:0; margin:0;  border:1px solid; border-radius:0px; }
+
-
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
+
-
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
+
-
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 17px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
+
-
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
+
-
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
+
-
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
+
-
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
+
-
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
+
-
#cssmenu ul li.has-sub:hover > a{ background:#043A6B; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
+
-
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
+
-
#cssmenu ul li.has-sub > a:hover{background:#043A6B; border-color:#3f3f3f;}
+
-
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#043A6B; border-radius:0 5px 5px 5px; z-index:999; }
+
-
/*#cssmenu ul li > ul{width:200px;} */
+
-
#cssmenu ul li > ul{width:165px;}
+
-
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
+
-
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }
+
-
#cssmenu, #cssmenu > ul > li > ul > li a:hover
+
-
{ background:#043A6B;
+
-
background:-moz-linear-gradient(top, #043A6B 0%, #0C5DA5 100%);
+
-
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#043A6B), color-stop(100%,#0C5DA5));
+
-
background:-webkit-linear-gradient(top, #043A6B 0%,#0C5DA5 100%);
+
-
background:-o-linear-gradient(top,  #043A6B 0%,#0C5DA5 100%);
+
-
background:-ms-linear-gradient(top, #043A6B 0%,#0C5DA5 100%);
+
-
background:linear-gradient(top,  #043A6B 0%,#0C5DA5 100%);
+
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#043A6B', endColorstr='#0C5DA5',GradientType=0);
+
-
}
+
-
#cssmenu{border-color:#043A6B;}
+
-
#cssmenu > ul > li > a{border-right:1px solid #043A6B; color:#fff;}
+
-
#cssmenu > ul > li > a:after{border-color:#0C5DA5;}
+
-
#cssmenu > ul > li > a:hover{background:#0C5DA5;}
+
-
/* end CSS navigation menu (blue) */
+
-
 
+
-
 
+
-
ul {
+
-
    line-height: 1.5em;
+
-
    list-style-type: square;
+
-
    margin: 0 0 0 0;
+
-
    padding: 0;
+
-
    /*list-style-image: url(bullet.gif);*/
+
-
}
+
-
 
+
-
.abstract {background:#0C5DA5; color:#ffffff; padding:10px; border-radius:5px;}
+
-
 
+
-
 
+
-
 
+
-
table.splash {position:relative;}
+
-
td.splash, th.splash {width:300px; height:300px;}
+
-
thead.splash{ background: #0C5DA5; color:#ffffff; border: 0px #d8d8d8 solid; }
+
-
tbody .splash{ background: #fff; }
+
-
 
+
-
td.splash .ttip{
+
-
position:absolute;
+
-
left:100px;
+
-
visibility:hidden;
+
-
z-index:100;
+
-
width:700px;
+
-
opacity:0.85;
+
-
background:cyan;
+
-
border-radius: 30px;
+
-
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+
-
padding: 10px 10px 10px 10px;
+
-
}
+
-
 
+
-
td.splash .pic{
+
-
position:absolute;
+
-
visibility:visible;
+
-
z-index:1;
+
-
}
+
-
 
+
-
td.splash .pic2{
+
-
position:absolute;
+
-
visibility:hidden;
+
-
z-index:10;
+
-
}
+
-
 
+
-
td.splash:hover > .ttip
+
-
{
+
-
visibility:visible;
+
-
}
+
-
 
+
-
 
+
-
td.splash:hover .pic
+
-
{
+
-
 
+
-
}
+
-
 
+
-
table{ border-radius: 30px;  background:cyan;  padding:10px 10px 10px 10px;}
+
-
 
+
-
</style>
+
-
 
+
-
 
+
-
<!-- google analytics -->
+
-
<script type="text/javascript">
+
-
 
+
-
  var _gaq = _gaq || [];
+
-
  _gaq.push(['_setAccount', 'UA-34382929-1']);
+
-
  _gaq.push(['_trackPageview']);
+
-
 
+
-
  (function() {
+
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
  })();
+
-
 
+
-
</script>
+
-
<!-- end google analytics -->
+
-
</head>
+
-
 
+
-
<body>
+
-
 
+
-
<div id="banner">
+
-
<a style="position:absolute; top:0px; left:490px;" href="https://2012.igem.org/Main_Page"><b>iGEM 2012</b></a>
+
-
</div>
+
-
 
+
-
 
+
-
<!--<div id="container">-->
+
-
<div id="mainmenu">
+
-
 
+
-
<!-- start main menu -->
+
-
<div id='cssmenu'>
+
-
<ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia'><span>Home</span></a></li>
+
-
<li class='has-sub '><a href='https://2012.igem.org/Team:Slovenia/Idea'><span>Idea</span></a>
+
-
  <ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/IdeaBioTherapy'><span>Biological therapy</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/IdeaChallenge'><span>Challenge</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/Idea'><span>Solution</span></a></li>
+
-
  </ul>
+
-
</li>
+
-
<li class='has-sub '><a href='https://2012.igem.org/Team:Slovenia/TheSwitch'><span>The switch</span></a>
+
-
  <ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/TheSwitch'><span>Overview</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/TheSwitchDesignedTALregulators'><span>Designed TAL regulators</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/TheSwitchMutualRepressorSwitch'><span>Mutual repressor switch</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/TheSwitchPositiveFeedbackLoopSwitch'><span>Positive feedback loop switch</span></a></li>
+
-
  </ul>
+
-
</li>
+
-
<li class='has-sub '><a href='https://2012.igem.org/Team:Slovenia/SafetyMechanisms'><span>Safety mechanisms</span></a>
+
-
  <ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SafetyMechanisms'><span>Overview</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SafetyMechanismsEscapeTag'><span>Escape tag</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SafetyMechanismsTermination'><span>Termination</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SafetyMechanismsMicrocapsuleDegradation'><span>Microcapsule degradation</span></a></li>
+
-
  </ul>
+
-
</li>
+
-
<li class='has-sub '><a href='https://2012.igem.org/Team:Slovenia/Implementation'><span>Implementation</span></a>
+
-
  <ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/Implementation'><span>Overview</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/ImplementationHepatitisC'><span>Hepatitis C</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/ImplementationIschaemicHeartDisease'><span>Ischaemic heart disease</span></a></li>
+
-
+
-
  </ul>
+
-
</li>
+
-
 
+
-
<li class='has-sub '><a href='https://2012.igem.org/Team:Slovenia/Modeling'><span>Modeling</span></a>
+
-
  <ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/Modeling'><span>Overview</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/ModelingPK'><span>Pharmacokinetics</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/ModelingMethods'><span>Modeling methods</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/ModelingMutualRepressorSwitch'><span>Mutual repressor switch</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/ModelingPositiveFeedbackLoopSwitch'><span>Positive feedback loop switch</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/ModelingQuantitativeModel'><span>Quantitative and stability model</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/ModelingInteractiveSimulations'><span>Interactive simulations</span></a></li>
+
-
  </ul>
+
-
</li>
+
-
 
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/Parts'><span>Parts</span></a></li>
+
-
+
-
 
+
-
 
+
-
<li class='has-sub '><a href='https://2012.igem.org/Team:Slovenia/Notebook'><span>Notebook</span></a>
+
-
  <ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/Notebook'><span>Experimental methods</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/NotebookLablog'><span>Lablog</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/NotebookLabSafety'><span>Lab safety</span></a></li>
+
-
  </ul>
+
-
</li>
+
-
 
+
-
<li class='has-sub '><a href='https://2012.igem.org/Team:Slovenia/Society'><span>Society</span></a>
+
-
  <ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/Society'><span>Human practice</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SocietyScientists'><span>Scientists</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SocietyMedicalDoctors'><span>Physicians</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SocietyEthics'><span>Ethics, safety and regulations</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SocietyPatients'><span>Patients</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SocietyMedia'><span>Journalists and general public</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SocietyOutreach'><span>Outreach</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/SocietyQuestionnaire'><span>Questionnaire</span></a></li>
+
-
  </ul>
+
-
</li>
+
-
 
+
-
 
+
-
<li class='has-sub '><a href='https://2012.igem.org/Team:Slovenia/Team'><span>Team</span></a>
+
-
  <ul>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/Team'><span>Team members</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/TeamAttributions'><span>Attributions</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/TeamGallery'><span>Gallery</span></a></li>
+
-
<li><a href='https://2012.igem.org/Team:Slovenia/TeamSponsors'><span>Sponsors</span></a></li>
+
-
  </ul>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<!-- end main menu -->
+
-
 
+
-
</div> <!-- end menu -->
+
-
 
+
-
<div id="main">
+
-
 
+
-
 
+
-
 
+
-
    <br/>
+
-
    <h1>Experimental model interactive simulations </h1>
+
-
    <br/>
+
-
   
+
-
    <p>
+
-
    Based on experimental data, we constructed a quantitative model. Please see <a href="https://2012.igem.org/Team:Slovenia/ModelingQuantitativeModel">Quantitative and stability model</a> for details of derivation. For old models (developed before European Regional Jamboree), <a href="https://2012.igem.org/Team:Slovenia/ModelingInteractiveSimulationsOld"> click here.</a></p>
+
-
   
+
-
   
+
-
    <form name="form1" action="http://igem2012.fri.uni-lj.si:443/cellulator/bistable_feedback_new"  method="GET" onsubmit="return validateForm(this)">
+
-
      <input type="hidden" name="check_submit" value="1"/>
+
-
   
+
-
     
+
-
     
+
-
      <table class="invisibile">
+
-
      <tr class="invisibile">
+
-
     
+
-
      <td class="invisibile" width="700px" valign="top">
+
-
     
+
-
      <b>INPUT VECTORS DOSAGE</b> <br/>
+
-
      <hr/>
+
-
     
+
-
      <table>
+
-
      <th><tr><td  style="background: #0099FF;"><b><font color="white">The Switch</font></b></td><td></td></tr></th>
+
-
      <th>
+
-
        <tr><td>Construct</td><td>Dosage</td></tr>
+
-
        </th>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/0/09/Svn12_qm_interactive_p0.png" width="300px"/></td><td> <input type="text" name="plasmid0" size="3" value="1" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/2/28/Svn12_qm_interactive_p1.png" width="200px"/><td> <input type="text" name="plasmid1" size="3" value="1" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/f/f0/Svn12_qm_interactive_p2.png" width="300px"/><td> <input type="text" name="plasmid2" size="3" value="1" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/7/70/Svn12_qm_interactive_p3.png" width="200px"/><td> <input type="text" name="plasmid3" size="3" value="1" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td>
+
-
      <tr><td></td><td></td></tr>
+
-
     
+
-
      <th><tr><td  style="background: #0099FF;"><b><font color="white">Inducible system</font></b></td><td></td></tr></th>
+
-
      <th>
+
-
        <tr><td>Construct</td><td>Dosage</td></tr>
+
-
        </th>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/c/cf/Svn12_qm_interactive_p4.png" width="200px"/><td> <input type="text" name="plasmid4" size="3" value="5" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/f/f7/Svn12_qm_interactive_p5.png" width="200px"/><td> <input type="text" name="plasmid5" size="3" value="5" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/9/96/Svn12_qm_interactive_p6.png" width="200px"/><td> <input type="text" name="plasmid6" size="3" value="5" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/9/9f/Svn12_qm_interactive_p7.png" width="200px"/><td> <input type="text" name="plasmid7" size="3" value="5" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      <tr><td></td><td></td></tr>
+
-
      <th><tr><td  style="background: #0099FF;"><b><font color="white">Pristinamycin/Erithromycin ind. proteins</font></b></td><td></td></tr></th>
+
-
      <th>
+
-
        <tr><td>Construct</td><td>Dosage</td></tr>
+
-
        </th>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/6/6a/Svn12_qm_interactive_p8.png" width="200px"/><td> <input type="text" name="plasmid8" size="3" value="30" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/b/b1/Svn12_qm_interactive_p9.png" width="200px"/><td> <input type="text" name="plasmid9" size="3" value="30" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
+
-
      </table>
+
-
      <font color="blue">(Enter dosages for corresponding plasmids. <font color="black">To comply with the jetPEI® protocol, the sum of masses shall not exceed 1000 ng. </font>)</font><br /><br />
+
-
     
+
-
      </td>
+
-
      <td class="invisibile" valign="top">
+
-
           
+
-
      <b>INDUCERS</b> <br/>
+
-
      <hr/>
+
-
     
+
-
      <table>
+
-
        <th><tr><td  style="background: #0099FF;"><b><font color="white">Pristinamycin</font></b></td><td></td></tr></th>
+
-
      <tr>
+
-
        <td>Input times [min]</td>
+
-
        <td><input type="text" name="pc_start1" size="5" value="200" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="pc_start2" size="5" value="5000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="pc_start3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="pc_start4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
        <td><input type="text" name="pc_start5" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
      </tr>
+
-
      <tr>
+
-
        <td>Durations [min]</td>
+
-
        <td><input type="text" name="pc_duration1" size="5" value="200" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
        <td><input type="text" name="pc_duration2" size="5" value="300" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
        <td><input type="text" name="pc_duration3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
        <td><input type="text" name="pc_duration4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
        <td><input type="text" name="pc_duration5" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
      </tr>
+
-
      </table>
+
-
 
+
-
      <br/>
+
-
 
+
-
      <table>
+
-
      <th><tr><td  style="background: #0099FF;"><b><font color="white">Erithromycin</font></b></td><td></td></tr></th>
+
-
      <tr>
+
-
        <td>Input times [min]</td>
+
-
        <td><input type="text" name="rg_start1" size="5" value="1500" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="rg_start2" size="5" value="10000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="rg_start3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="rg_start4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="rg_start5" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
      </tr>
+
-
      <tr>
+
-
        <td>Durations [min]</td>
+
-
        <td><input type="text" name="rg_duration1" size="5" value="2000" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
        <td><input type="text" name="rg_duration2" size="5" value="100" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
        <td><input type="text" name="rg_duration3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
        <td><input type="text" name="rg_duration4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
        <td><input type="text" name="rg_duration5" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
      </tr>
+
-
      </table>
+
-
     
+
-
      <font color="blue">(For each input time of an inducer, enter its corresponding duration, i.e. after how many minutes the inducer will be removed. )</font><br />
+
-
 
+
-
      <br />
+
-
      <b>SIMULATION</b> <br/>
+
-
      <hr />     
+
-
      <input type="checkbox" name="noise" value="1" /> Apply measurement noise.
+
-
      <br/>
+
-
      <font color="blue">(Measured standard deviations will be applied in the calculations.)</font><br /> <br />
+
-
 
+
-
 
+
-
 
+
-
      Time: <input type="text" name="time" size="5" value="15000" onKeyPress="return numbersonly(this, event)" maxlength="7"/> min<br />
+
-
      <font color="blue">(Simulation running time)</font><br /><br />
+
-
 
+
-
     
+
-
      <input type="submit" value="SIMULATE" /><br/>
+
-
      <font color="blue">(The results will be shown in a new browser window/tab after few seconds.)</font>
+
-
     
+
-
      </td>
+
-
      </tr>
+
-
      </table>
+
-
     
+
-
     
+
-
    </form>
+
-
 
+
-
<hr>
+
-
<b>
+
-
Next: <a href='https://2012.igem.org/Team:Slovenia/Parts'>Parts >></a>
+
-
</b>
+
-
 
+
-
 
+
-
</div>
+
-
<!--</div>-->
+
-
</body>
+
-
 
+
-
 
+
-
</html>
+

Latest revision as of 15:34, 25 October 2012

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> Your Page Title Optional page text here.

Retrieved from "http://2012.igem.org/Team:Slovenia/Interactive"