Wangzh1997 (Talk | contribs) |
Wangzh1997 (Talk | contribs) |
||
(29 intermediate revisions by 2 users not shown) | |||
Line 55: | Line 55: | ||
<p><span>SynRT</span><br>EXPLORER</p> | <p><span>SynRT</span><br>EXPLORER</p> | ||
<br /> | <br /> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 73: | Line 68: | ||
<li class="pragraph_0 full-width" id="pragraph_0"> | <li class="pragraph_0 full-width" id="pragraph_0"> | ||
<div> | <div> | ||
− | + | <p>We develop a SynRT Toolkit search engine -- SynRT Explorer, which allows users to choose an appropriate thermosensor. Users can select the melting temperature, relative intensity and sensitivity of thermosensors, and the Explorer will give you the information of part number, part name, predicted secondary structure, features and fitted curve. The secondary structure is predicted by mfold software. The fitted curve is based on our experimental results, and then we compute these features. (Please try Chrome to view this page.)</p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <p>We develop a SynRT Toolkit search engine -- SynRT Explorer, which allows users to choose an appropriate thermosensor. Users can select the melting temperature, relative intensity and sensitivity of thermosensors, and the Explorer will give you the information of part number, part name, predicted secondary structure, features and fitted curve. The secondary structure is predicted by mfold software. The fitted curve is based on our experimental results, and then we compute these features.</p> | + | |
<p><b>Using SynRT Explorer to pick your thermosensors! </b></p> | <p><b>Using SynRT Explorer to pick your thermosensors! </b></p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<form class="engine"> | <form class="engine"> | ||
+ | <p style="display:none"></p> | ||
<p>Choose Temperature First:</p> | <p>Choose Temperature First:</p> | ||
<select id="attr1" name="library"> | <select id="attr1" name="library"> | ||
Line 111: | Line 96: | ||
<option value="v3-2">1></option> | <option value="v3-2">1></option> | ||
</select> | </select> | ||
− | + | <br clear="both"> | |
<input type="button" value="Look Up!" onClick="findItem()" /> | <input type="button" value="Look Up!" onClick="findItem()" /> | ||
<input type="reset" value="Reset" onClick="resetItem()" /> | <input type="reset" value="Reset" onClick="resetItem()" /> | ||
Line 126: | Line 111: | ||
height:3rem; | height:3rem; | ||
margin:1rem; | margin:1rem; | ||
+ | float:right !important; | ||
} | } | ||
Line 141: | Line 127: | ||
height: 3rem; | height: 3rem; | ||
margin:1rem; | margin:1rem; | ||
+ | float:none; | ||
+ | } | ||
+ | .engine p{ | ||
+ | float:left; | ||
+ | width:50% !important; | ||
} | } | ||
</style> | </style> | ||
<div class="datas"> | <div class="datas"> | ||
+ | <div class="item not-found">Not Found</div> | ||
<div class="item v1-3 v2-1 v3-2">BBa_K2541001<img src="https://static.igem.org/mediawiki/2018/8/84/T--Jilin_China--KitRT1.png" /></div> | <div class="item v1-3 v2-1 v3-2">BBa_K2541001<img src="https://static.igem.org/mediawiki/2018/8/84/T--Jilin_China--KitRT1.png" /></div> | ||
<div class="item v1-3 v2-1 v3-1">BBa_K2541002<img src="https://static.igem.org/mediawiki/2018/c/c1/T--Jilin_China--KitRT2.png" /></div> | <div class="item v1-3 v2-1 v3-1">BBa_K2541002<img src="https://static.igem.org/mediawiki/2018/c/c1/T--Jilin_China--KitRT2.png" /></div> | ||
Line 184: | Line 176: | ||
<div class="item v1-4 v2-3 v3-1">BBa_K2541034<img src="https://static.igem.org/mediawiki/2018/c/c7/T--Jilin_China--KitRT34.png" /></div> | <div class="item v1-4 v2-3 v3-1">BBa_K2541034<img src="https://static.igem.org/mediawiki/2018/c/c7/T--Jilin_China--KitRT34.png" /></div> | ||
<div class="item v1-4 v2-3 v3-2">BBa_K2541035<img src="https://static.igem.org/mediawiki/2018/c/cf/T--Jilin_China--KitRT35.png" /></div> | <div class="item v1-4 v2-3 v3-2">BBa_K2541035<img src="https://static.igem.org/mediawiki/2018/c/cf/T--Jilin_China--KitRT35.png" /></div> | ||
− | <div class="item v1-1 v2-2 v3-2">BBa_K2541036<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-1 v2-2 v3-2">BBa_K2541036<img src="https://static.igem.org/mediawiki/2018/5/5c/T--Jilin_China--KitRT36N.png" /></div> |
− | <div class="item v1-3 v2-2 v3-1">BBa_K2541037<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-3 v2-2 v3-1">BBa_K2541037<img src="https://static.igem.org/mediawiki/2018/e/e2/T--Jilin_China--KitRT37N.png" /></div> |
− | <div class="item v1-2 v2-3 v3-2">BBa_K2541038<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-2 v2-3 v3-2">BBa_K2541038<img src="https://static.igem.org/mediawiki/2018/4/4e/T--Jilin_China--KitRT38N.png" /></div> |
− | <div class="item v1-2 v2-2 v3-2">BBa_K2541039<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-2 v2-2 v3-2">BBa_K2541039<img src="https://static.igem.org/mediawiki/2018/e/ee/T--Jilin_China--KitRT39N.png" /></div> |
− | <div class="item v1-2 v2-3 v3-2">BBa_K2541040<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-2 v2-3 v3-2">BBa_K2541040<img src="https://static.igem.org/mediawiki/2018/3/33/T--Jilin_China--KitRT40N.png" /></div> |
− | <div class="item v1-2 v2-2 v3-1">BBa_K2541041<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-2 v2-2 v3-1">BBa_K2541041<img src="https://static.igem.org/mediawiki/2018/4/4b/T--Jilin_China--KitRT41N.png" /></div> |
− | <div class="item v1-1 v2-2 v3-2">BBa_K2541042<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-1 v2-2 v3-2">BBa_K2541042<img src="https://static.igem.org/mediawiki/2018/4/47/T--Jilin_China--KitRT42N.png" /></div> |
− | <div class="item v1-2 v2-1 v3-2">BBa_K2541043<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-2 v2-1 v3-2">BBa_K2541043<img src="https://static.igem.org/mediawiki/2018/5/5a/T--Jilin_China--KitRT43N.png" /></div> |
− | <div class="item v1-2 v2-3 v3-2">BBa_K2541044<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-2 v2-3 v3-2">BBa_K2541044<img src="https://static.igem.org/mediawiki/2018/1/15/T--Jilin_China--KitRT44N.png" /></div> |
− | <div class="item v1-1 v2-2 v3-1">BBa_K2541045<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-1 v2-2 v3-1">BBa_K2541045<img src="https://static.igem.org/mediawiki/2018/b/b3/T--Jilin_China--KitRT45N.png" /></div> |
− | <div class="item v1-1 v2-2 v3-2">BBa_K2541046<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-1 v2-2 v3-2">BBa_K2541046<img src="https://static.igem.org/mediawiki/2018/b/bb/T--Jilin_China--KitRT46N.png" /></div> |
− | <div class="item v1-1 v2-1 v3-1">BBa_K2541047<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-1 v2-1 v3-1">BBa_K2541047<img src="https://static.igem.org/mediawiki/2018/3/39/T--Jilin_China--KitRT47N.png" /></div> |
− | <div class="item v1-1 v2-1 v3-1">BBa_K2541048<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-1 v2-1 v3-1">BBa_K2541048<img src="https://static.igem.org/mediawiki/2018/1/13/T--Jilin_China--KitRT48N.png" /></div> |
− | <div class="item v1-1 v2-2 v3-1">BBa_K2541049<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-1 v2-2 v3-1">BBa_K2541049<img src="https://static.igem.org/mediawiki/2018/0/0b/T--Jilin_China--KitRT49N.png" /></div> |
− | <div class="item v1-1 v2-1 v3-1">BBa_K2541050<img src="https://static.igem.org/mediawiki/2018/ | + | <div class="item v1-1 v2-1 v3-1">BBa_K2541050<img src="https://static.igem.org/mediawiki/2018/2/26/T--Jilin_China--KitRT50N.png" /></div> |
<div class="item v1-1 v2-1 v3-2">BBa_K2541051<img src="https://static.igem.org/mediawiki/2018/a/a4/T--Jilin_China--KitRT51.png" /></div> | <div class="item v1-1 v2-1 v3-2">BBa_K2541051<img src="https://static.igem.org/mediawiki/2018/a/a4/T--Jilin_China--KitRT51.png" /></div> | ||
</div> | </div> | ||
− | + | <div><p></p><p>Tips: If the explorer don't show any thermosensors, it means that there is no appropriate thermosensors, you can also change the features to a similar value. </p></div> | |
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
var ca1,ca2,ca3; | var ca1,ca2,ca3; | ||
+ | |||
$("#attr1").change(function(){ | $("#attr1").change(function(){ | ||
$("select:not(#attr1) option").css("display","none"); | $("select:not(#attr1) option").css("display","none"); | ||
+ | $("select:not(#attr1) option").prop('disbled', true); | ||
ca1 = $("#attr1 option:selected").val(); | ca1 = $("#attr1 option:selected").val(); | ||
$("."+ca1).each(function(){ | $("."+ca1).each(function(){ | ||
if($(this).hasClass("v2-1")){ | if($(this).hasClass("v2-1")){ | ||
$("option[value=v2-1]").css("display","block"); | $("option[value=v2-1]").css("display","block"); | ||
+ | $("option[value=v2-1]").prop('disbled', false); | ||
}else if($(this).hasClass("v2-2")){ | }else if($(this).hasClass("v2-2")){ | ||
$("option[value=v2-2]").css("display","block"); | $("option[value=v2-2]").css("display","block"); | ||
+ | $("option[value=v2-2]").prop('disbled', false); | ||
}else if($(this).hasClass("v2-3")){ | }else if($(this).hasClass("v2-3")){ | ||
$("option[value=v2-3]").css("display","block"); | $("option[value=v2-3]").css("display","block"); | ||
+ | $("option[value=v2-3]").prop('disbled', false); | ||
}else if($(this).hasClass("v2-4")){ | }else if($(this).hasClass("v2-4")){ | ||
$("option[value=v2-4]").css("display","block"); | $("option[value=v2-4]").css("display","block"); | ||
+ | $("option[value=v2-4]").prop('disbled', false); | ||
} | } | ||
}); | }); | ||
}); | }); | ||
$("#attr2").change(function(){ | $("#attr2").change(function(){ | ||
− | $("select | + | $("select#attr3 option").css("display","none"); |
+ | $("select#attr3 option").prop('disbled', true); | ||
ca2 = $("#attr2 option:selected").val(); | ca2 = $("#attr2 option:selected").val(); | ||
+ | |||
$("."+ca2).each(function(){ | $("."+ca2).each(function(){ | ||
− | if($(this).hasClass("v3-1")){ | + | if($(this).hasClass(ca1)){ |
− | + | if($(this).hasClass("v3-1")){ | |
− | + | $("option[value=v3-1]").css("display","block"); | |
− | + | $("option[value=v3-1]").prop('disbled', false); | |
+ | }else if($(this).hasClass("v3-2")){ | ||
+ | $("option[value=v3-2]").css("display","block"); | ||
+ | $("option[value=v3-2]").prop('disbled', false); | ||
+ | } | ||
} | } | ||
+ | |||
}); | }); | ||
}); | }); | ||
Line 261: | Line 266: | ||
} | } | ||
} | } | ||
− | + | }); | |
} | } | ||
function resetItem(){ | function resetItem(){ | ||
Line 268: | Line 273: | ||
</script> | </script> | ||
</div> | </div> | ||
+ | <br clear="both"> | ||
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 02:55, 18 October 2018
SynRT
EXPLORER
Toolkits Design
-
We develop a SynRT Toolkit search engine -- SynRT Explorer, which allows users to choose an appropriate thermosensor. Users can select the melting temperature, relative intensity and sensitivity of thermosensors, and the Explorer will give you the information of part number, part name, predicted secondary structure, features and fitted curve. The secondary structure is predicted by mfold software. The fitted curve is based on our experimental results, and then we compute these features. (Please try Chrome to view this page.)
Using SynRT Explorer to pick your thermosensors!
Not FoundBBa_K2541001BBa_K2541002BBa_K2541003BBa_K2541004BBa_K2541005BBa_K2541006BBa_K2541007BBa_K2541008BBa_K2541009BBa_K2541010BBa_K2541011BBa_K2541012BBa_K2541013BBa_K2541014BBa_K2541015BBa_K2541016BBa_K2541017BBa_K2541018BBa_K2541019BBa_K2541020BBa_K2541021BBa_K2541025BBa_K2541026BBa_K2541027BBa_K2541028BBa_K2541029BBa_K2541030BBa_K2541031BBa_K2541032BBa_K2541033BBa_K2541034BBa_K2541035BBa_K2541036BBa_K2541037BBa_K2541038BBa_K2541039BBa_K2541040BBa_K2541041BBa_K2541042BBa_K2541043BBa_K2541044BBa_K2541045BBa_K2541046BBa_K2541047BBa_K2541048BBa_K2541049BBa_K2541050BBa_K2541051Tips: If the explorer don't show any thermosensors, it means that there is no appropriate thermosensors, you can also change the features to a similar value.