Team:UT Dallas/ligation

From 2011.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 11: Line 11:
<script type="text/javascript">  
<script type="text/javascript">  
-
$(function() {
+
$(document).ready(function(){doCalculate()});$(function(){
-
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
+
$('ul.llmenu').find("a[href='https://2011.igem.org/Team:UT_Dallas/ligation']").parent().addClass('selectedLava');
-
});
+
-
$(function(){
+
         $('ul#accmenu').accordion({
         $('ul#accmenu').accordion({
               header:'.head',
               header:'.head',
Line 20: Line 18:
               autoHeight:false,
               autoHeight:false,
               navigation:true,
               navigation:true,
-
               animated: 'easeslide'})
+
               animated: 'easeslide'});
-
});
+
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
 +
});function getNumber(o){if(!isNaN(o-0)){if(o>0)return(o-0);else return 0}else return 0}function doCalculate(){insert_vol=0;vector_vol=0;water_vol=0;p=0;Molar_Ratio_V=getNumber($('#Molar_Ratio_V').val());Molar_Ratio_I=getNumber($('#Molar_Ratio_I').val());Conc_V=getNumber($('#Conc_V').val());Conc_I=getNumber($('#Conc_I').val());Length_V=getNumber($('#Length_V').val());Length_I=getNumber($('#Length_I').val());buffer_vol=getNumber($('#buffer_vol').val());enzyme_vol=getNumber($('#enzyme_vol').val());total_vol=getNumber($('#total_vol').val());max_vol_V=getNumber($('#max_vol_V').val());max_vol_I=getNumber($('#max_vol_I').val());if((Molar_Ratio_V*Conc_I*Length_V)!=0){p=(Molar_Ratio_I*Conc_V*Length_I)/(Molar_Ratio_V*Conc_I*Length_V);if(p!=0){vector_vol=(total_vol-(buffer_vol+enzyme_vol+water_vol))/(1+p);insert_vol=total_vol-(buffer_vol+enzyme_vol+vector_vol);if(max_vol_V!=0){if(max_vol_V<vector_vol){insert_vol=(insert_vol*max_vol_V)/vector_vol;vector_vol=max_vol_V;water_vol=total_vol-(buffer_vol+enzyme_vol+vector_vol+insert_vol)}}if(max_vol_I!=0){if(max_vol_I<insert_vol){vector_vol=(vector_vol*max_vol_I)/insert_vol;insert_vol=max_vol_I;water_vol=total_vol-(buffer_vol+enzyme_vol+vector_vol+insert_vol)}}vector_vol=Math.round((total_vol-(buffer_vol+enzyme_vol+insert_vol+water_vol))*10)/10;insert_vol=Math.round((total_vol-(buffer_vol+enzyme_vol+vector_vol+water_vol))*10)/10;water_vol=Math.round((total_vol-(buffer_vol+enzyme_vol+vector_vol+insert_vol))*10)/10;$('#buffer_vol1').html(buffer_vol);$('#enzyme_vol1').html(enzyme_vol);$('#total_vol1').html(total_vol);$('#vector_vol').html(vector_vol);$('#insert_vol').html(insert_vol);$('#water_vol').html(water_vol)}}}
</script>
</script>
Line 66: Line 65:
<div class="container">   
<div class="container">   
<div id="header">
<div id="header">
-
<div id="crumbs"><div style="float:left;">Introduction &gt;&gt;  Home</div>
+
</html>{{:Team:UT_Dallas/Template:links}}<html>
-
<a href="https://2011.igem.org/Main_Page" style="color: #FFFFFF;float: right;text-decoration: none;">2011 iGEM Main Page</a>
+
-
 
+
-
</div>
+
</div>
</div>
Line 76: Line 72:
<div id="container2">
<div id="container2">
<div id="container1">
<div id="container1">
-
<div id="left">  
+
<div id="left">
-
<ul id="accmenu">
+
</html>{{:Team:UT_Dallas/Template:menu}}<html>
-
<li><a class="head" href="#"> Introduction</a>
+
-
<ul class="llmenu llmenublue">
+
-
<li><a href="https://2011.igem.org/Team:UT_Dallas/test">Home</a></li>
+
-
<li><a href="#">Team</a></li>
+
-
<li><a href="https://2011.igem.org/Team:UT_Dallas/gallery">Gallery</a></li>
+
-
<li><a href="#">Parts submitted</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a class="head" href="#">Sensor</a>
+
-
<ul class="llmenu llmenugreen">
+
-
<li><a href="#">Introduction</a></li>
+
-
<li><a href="#">Overview</a></li>
+
-
<li><a href="#">Plan</a></li>
+
-
<li><a href="#">Characterization</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a class="head" href="#">Taxis</a>
+
-
<ul class="llmenu llmenublue">
+
-
<li><a href="#">Introduction</a></li>
+
-
<li><a href="#">Overview</a></li>
+
-
<li><a href="#">Plan</a></li>
+
-
<li><a href="#">Characterization</a></li>
+
-
</ul>
+
-
</li>
+
-
+
-
<li><a class="head" href="#">Inactivate</a>
+
-
<ul class="llmenu llmenublue">
+
-
<li><a href="#">Introduction</a></li>
+
-
<li><a href="#">Overview</a></li>
+
-
<li><a href="#">Plan</a></li>
+
-
<li><a href="#">Characterization</a></li>
+
-
</ul>
+
-
</li>
+
-
+
-
<li><a class="head" href="#">Toolbox</a>
+
-
<ul class="llmenu llmenublue">
+
-
<li class="selectedLava"><a href="https://2011.igem.org/Team:UT_Dallas/ligation">Ligation Calculator</a></li>
+
-
<li><a href="#">Neb Double Digest</a></li>
+
-
<li><a href="#">Solutions Maker</a></li>
+
-
</ul>
+
-
</li>
+
-
+
-
 
+
-
<li><a class="head" href="#">Considerations</a>
+
-
<ul class="llmenu llmenublue">
+
-
<li><a href="#">Human Practices</a></li>
+
-
<li><a href="#">Safety</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a class="head" href="#">Future applications</a>
+
-
 
+
-
<ul class="llmenu llmenured">
+
-
<li><a href="#">TBA</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
 
+
-
<li><a class="head" href="#/Notebook/Week1">Notebook</a>
+
-
<ul class="llmenu llmenuyellow">
+
-
<li><a href="#/Notebook/Summary">Summary</a></li>
+
-
<li><a href="#/Notebook/Week1">Week 1</a></li>
+
-
<li><a href="#/Notebook/Week2">Week 2</a></li>
+
-
 
+
-
<li><a href="#/Notebook/Week3">Week 3</a></li>
+
-
<li><a href="#/Notebook/Week4">Week 4</a></li>
+
-
<li><a href="#/Notebook/Week5">Week 5</a></li>
+
-
<li><a href="#/Notebook/Week6">Week 6</a></li>
+
-
<li><a href="#/Notebook/Week7">Week 7</a></li>
+
-
<li><a href="#/Notebook/Week8">Week 8</a></li>
+
-
<li><a href="#/Notebook/Week9">Week 9</a></li>
+
-
<li><a href="#/Notebook/Week10">Week 10</a></li>
+
-
<li><a href="#/Notebook/Week11">Week 11</a></li>
+
-
 
+
-
<li><a href="#/Notebook/Week12">Week 12</a></li>
+
-
<li><a href="#/Notebook/FurtherWork">Beyond Week 12</a></li>
+
-
 
+
-
<li><a href="https://2011.igem.org/Team:UT_Dallas/protocols_new">Protocols</a> </li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#" class="head">Our Partners</a>
+
-
<ul class="llmenu llmenublue">
+
-
<li><a href="#">Sponsors</a> </li>
+
-
<li><a href="#">UT Dallas</a> </li>
+
-
<li><a href="#">Publicity</a> </li>
+
-
 
+
-
</ul> </li>
+
-
 
+
-
</ul>
+
</div>
</div>
-
<div id="right"> <div id="app" style="float:right">
+
<div id="right">
 +
<div style="width:720px;margin-bottom: 15px;"><h2>Ligation Calculator</h2></div>
 +
<div id="app" style="float:right">
<center><b>Download the Ligation<br>Calculator app for Android </b></center>
<center><b>Download the Ligation<br>Calculator app for Android </b></center>
<img src='https://static.igem.org/mediawiki/2011/c/c0/App_screeny.jpg'><br><br>
<img src='https://static.igem.org/mediawiki/2011/c/c0/App_screeny.jpg'><br><br>
-
<a href="app2.3.apk" class='app_download'>Android 2.3 (Gingerbread)</a><br>
+
<a href="http://www.utdallas.edu/~lxp090020/android/Ligation_calculator_2.3_Gingerbread.zip" class='app_download'>Android 2.3 (Gingerbread)</a><br>
-
<a href="app2.2.apk" class='app_download'>Android 2.2 (Froyo)</a>
+
<a href="http://www.utdallas.edu/~lxp090020/android/Ligation_calculator_2.2_Froyo.zip" class='app_download'>Android 2.2 (Froyo)</a>
</div>
</div>
<table>
<table>
<tr>
<tr>
<td>Total Reaction Mix(µl)</td>
<td>Total Reaction Mix(µl)</td>
-
<td><input type='text' id='total_vol' value='10'></td>
+
<td><input type='text' id='total_vol' value='10' onkeyup="javascript:doCalculate()"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tr>
<tr>
<tr>
<td>Volume of the buffer(µl)</td>
<td>Volume of the buffer(µl)</td>
-
<td><input type='text' id='buffer_vol' value='1'></td>
+
<td><input type='text' id='buffer_vol' value='1' onkeyup="javascript:doCalculate()"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tr>
<tr>
<tr>
<td>Volume of the enzyme(µl)</td>
<td>Volume of the enzyme(µl)</td>
-
<td><input type='text' id='enzyme_vol' value='1'></td>
+
<td><input type='text' id='enzyme_vol' value='1' onkeyup="javascript:doCalculate()"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tr>
Line 203: Line 111:
<tr>
<tr>
<td>Molar Ratio</td>
<td>Molar Ratio</td>
-
<td><input type='text' id='Molar_Ratio_V' value='0'></td>
+
<td><input type='text' id='Molar_Ratio_V' value='1' onkeyup="javascript:doCalculate()"></td>
-
<td><input type='text' id='Molar_Ratio_I' value='0'></td>
+
<td><input type='text' id='Molar_Ratio_I' value='3' onkeyup="javascript:doCalculate()"></td>
</tr>
</tr>
<tr>
<tr>
<td>Concentration(ng/µl)</td>
<td>Concentration(ng/µl)</td>
-
<td><input type='text' id='Conc_V' value='0'></td>
+
<td><input type='text' id='Conc_V' value='1000' onkeyup="javascript:doCalculate()"></td>
-
<td><input type='text' id='Conc_I' value='0'></td>
+
<td><input type='text' id='Conc_I' value='50' onkeyup="javascript:doCalculate()"></td>
</tr>
</tr>
<tr>
<tr>
<td>Length(bp)</td>
<td>Length(bp)</td>
-
<td><input type='text' id='Length_V' value='0'></td>
+
<td><input type='text' id='Length_V' value='3000' onkeyup="javascript:doCalculate()"></td>
-
<td><input type='text' id='Length_I' value='0'></td>
+
<td><input type='text' id='Length_I' value='150' onkeyup="javascript:doCalculate()"></td>
</tr>
</tr>
<tr>
<tr>
<td>Maximum volume(µl)</td>
<td>Maximum volume(µl)</td>
-
<td><input type='text' id='max_vol_V' value='0'></td>
+
<td><input type='text' id='max_vol_V' value='5' onkeyup="javascript:doCalculate()"></td>
-
<td><input type='text' id='max_vol_I' value='0'></td>
+
<td><input type='text' id='max_vol_I' value='5' onkeyup="javascript:doCalculate()"></td>
</tr>
</tr>
<tr>
<tr>
<td>Known Vector Lengths</td>
<td>Known Vector Lengths</td>
-
<td colspan='2'><input type='button' id='pet-32' onclick='setlength(1)' value="pET-32">
+
<td colspan='2'><input type='button' id='pet-32' onclick="javascript:$('#Length_V').val('5900');doCalculate()" value="pET-32">
-
<input type='button' id='pet-28' onclick='setlength(2)' value="pET-28">
+
<input type='button' id='pet-28' onclick="javascript:$('#Length_V').val('5369');doCalculate()" value="pET-28">
-
<input type='button' id='pmac-c2' onclick='setlength(3)' value="pMAL-c2"></td>
+
<input type='button' id='pmac-c2' onclick="javascript:$('#Length_V').val('6646');doCalculate()" value="pMAL-c2"></td>
</tr>
</tr>
</table>
</table>

Latest revision as of 00:23, 29 September 2011

Retrieved from "http://2011.igem.org/Team:UT_Dallas/ligation"