Team:Heidelberg/Modeling/miBSdesigner
From 2010.igem.org
(Difference between revisions)
Line 9: | Line 9: | ||
div.wrapper {width: 260px; height: 650px; margin:auto; text-align:center;} | div.wrapper {width: 260px; height: 650px; margin:auto; text-align:center;} | ||
div.wrapper2 {margin:auto; height: 750px; text-align:left; } | div.wrapper2 {margin:auto; height: 750px; text-align:left; } | ||
- | div.title {text-indent: | + | div.title {text-indent:5px;} |
- | div.option {text-indent: | + | div.option {text-indent:15px; white-space:pre-wrap;} |
- | div.optionl {text-indent: | + | div.optionl {text-indent:15px; white-space:pre-wrap; float:left;} |
div.optionr {display:inline; white-space:pre-wrap; margin-right: 45px; float:right;} | div.optionr {display:inline; white-space:pre-wrap; margin-right: 45px; float:right;} | ||
- | div.suboption {text-indent: | + | div.suboption {text-indent:25px;} |
div.clear {clear: both;} | div.clear {clear: both;} | ||
div.reswrap2 {padding:5px; width: 240px; margin:auto; text-align:left; display:none; font-size:12pt;} | div.reswrap2 {padding:5px; width: 240px; margin:auto; text-align:left; display:none; font-size:12pt;} | ||
.variaresult {font-size: 12pt; color: #11526f; font-weight: bold;} | .variaresult {font-size: 12pt; color: #11526f; font-weight: bold;} | ||
+ | td {vertical-align:top;} | ||
</style> | </style> | ||
</head> | </head> | ||
Line 47: | Line 48: | ||
<br> | <br> | ||
<br> | <br> | ||
- | <div class="title"> | + | <table> |
- | + | <tr height=120px> | |
- | + | <td width=320px> | |
- | + | <div class="title"> | |
- | + | <span style="font-size: 17.0px; font-weight:bold;"> | |
- | + | Seed sequence (1-8) </span></div> | |
- | + | <div class="option"><SELECT name="seed" onchange="chMd1()" disabled="disabled"> | |
- | + | <OPTION value="0"> | |
- | + | <OPTION value="6mer">6mer (2-7 paired) | |
- | + | <OPTION value="7merA1">7merA1 (1-7 paired) | |
- | + | <OPTION value="7merm8">7merm8 (2-8 paired) | |
- | + | <OPTION value="8mer">8mer (1-8 paired) | |
- | + | <OPTION value="custom">Custom | |
- | + | </SELECT></div> | |
- | + | <div class="suboption"> | |
- | + | <span style="font-size: 15.0px;"> Customized </span> | |
- | + | <span style="color: #11526f; font-size: 15.0px; font-weight: bold; ">MISMATCH </span> | |
- | + | <span style="font-size: 15.0px;">position</span></div> | |
- | + | <div class="suboption"> | |
- | + | <input type="text" id="mis" size="29" disabled="disabled" value="2"/> | |
- | + | </div> | |
- | + | </td> | |
- | + | <td> | |
- | + | <div class="title"> | |
- | + | <span style="font-size: 17.0px; font-weight:bold;"> | |
- | + | Supplementary region </span></div> | |
- | + | <div class="option"><SELECT name="comp" onchange="chMd2()" disabled="disabled"> | |
- | + | <OPTION value="0"> | |
- | + | <OPTION value="3">3 (14-16 paired) | |
- | + | <OPTION value="4">4 (13-16 paired) | |
- | + | <OPTION value="5">5 (13-17 paired) | |
- | + | <OPTION value="6">6 (13-18 paired) | |
- | + | <OPTION value="7">7 (13-19 paired) | |
- | + | <OPTION value="8">8 (13-20 paired) | |
- | + | <OPTION value="total">Total (13-22 paired) | |
- | + | <OPTION value="custom">Custom | |
- | + | </SELECT></div> | |
- | + | <div class="suboption"> | |
- | + | <span style="font-size: 15.0px;"> Customized </span> | |
- | < | + | <span style="color: #11526f; font-size: 15.0px; font-weight: bold; ">MATCH </span> |
- | + | <span style="font-size: 15.0px;">positions</span></div> | |
+ | <div class="suboption"> | ||
+ | <input type="text" id="match" size="29" disabled="disabled" value="10, 15, 16, 17, 18, 19, 20"/> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | |||
<div class="title"> | <div class="title"> | ||
<span style="font-size: 17.0px; font-weight:bold;"> | <span style="font-size: 17.0px; font-weight:bold;"> | ||
Line 99: | Line 108: | ||
<div class="clear"> | <div class="clear"> | ||
<div class="optionl"><input name="AU" value="9" disabled="disabled" type="checkbox"><span style="font-size: 15.0px;">A in position 9</span></div> | <div class="optionl"><input name="AU" value="9" disabled="disabled" type="checkbox"><span style="font-size: 15.0px;">A in position 9</span></div> | ||
- | <div class="optionr"><input name="AU" value="10" disabled="disabled" type="checkbox"><span style="font-size: 15.0px;">A in position 10</span></div></div>< | + | <div class="optionr"><input name="AU" value="10" disabled="disabled" type="checkbox"><span style="font-size: 15.0px;">A in position 10</span></div></div> |
- | + | </td> | |
+ | <td style="vertical-align:top;"> | ||
<div class="title"><span style="font-size: 17.0px; font-weight:bold;">Sticky ends for integration in plasmid: </span></div> | <div class="title"><span style="font-size: 17.0px; font-weight:bold;">Sticky ends for integration in plasmid: </span></div> | ||
<div class="option"> <SELECT id="stickyends" name="stickyends" onchange="chMd3()"> | <div class="option"> <SELECT id="stickyends" name="stickyends" onchange="chMd3()"> | ||
Line 108: | Line 118: | ||
<OPTION value="custom">Custom sequence | <OPTION value="custom">Custom sequence | ||
</SELECT></div> | </SELECT></div> | ||
- | <div class="option"><span style="font-size: 15.0px;"> | + | <div class="option"><span style="font-size: 15.0px;">Customized:</span> |
+ | <span style="font-size: 15.0px;">5' </span><input type="text" id="end5" size="15" disabled="disabled"/> | ||
+ | <span style="font-size: 15.0px;">3' </span><input type="text" id="end3" size="15" disabled="disabled"/> | ||
</div> | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <br> | ||
<center> | <center> | ||
<input value=" Get your Binding Site! " type="button" onclick="SBS(seqIn)"> | <input value=" Get your Binding Site! " type="button" onclick="SBS(seqIn)"> | ||
- | </center | + | </center> |
- | + | ||
</div> | </div> | ||
</form> | </form> | ||
- | |||
</body> | </body> | ||
<script type="text/javascript" src="https://static.igem.org/mediawiki/2010/3/3a/Very_final_code_miBS_HD2010.txt"> </script> | <script type="text/javascript" src="https://static.igem.org/mediawiki/2010/3/3a/Very_final_code_miBS_HD2010.txt"> </script> |
Revision as of 08:00, 26 October 2010
|
|
||