Team:UT Dallas/ladder

From 2011.igem.org

(Difference between revisions)
(Created page with "__NOTOC__ <html> <!-- Internet Explorer PNG fix - START /--> <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</sc...")
 
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'})});$(function(){$('ul#accmenu').accordion({header:'.head',fillSpace:false,autoHeight:false,navigation:true,animated:'easeslide'})});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)}}}
-
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
+
-
});
+
-
$(function(){
+
-
        $('ul#accmenu').accordion({
+
-
              header:'.head',
+
-
              fillSpace:false,
+
-
              autoHeight:false,
+
-
              navigation:true,
+
-
              animated: 'easeslide'})
+
-
});
+
</script>
</script>
Line 66: Line 56:
<div class="container">   
<div class="container">   
<div id="header">
<div id="header">
-
<div id="crumbs"><div style="float:left;">Introduction &gt;&gt; Home</div>
+
<div id="crumbs"><div style="float:left;">Introduction &gt;&gt; Ligation Calculator</div>
<a href="https://2011.igem.org/Main_Page" style="color: #FFFFFF;float: right;text-decoration: none;">2011 iGEM Main Page</a>
<a href="https://2011.igem.org/Main_Page" style="color: #FFFFFF;float: right;text-decoration: none;">2011 iGEM Main Page</a>
Line 88: Line 78:
<li><a class="head" href="#">Sensor</a>
<li><a class="head" href="#">Sensor</a>
<ul class="llmenu llmenugreen">
<ul class="llmenu llmenugreen">
 +
<li><a href="#">Introduction</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Overview</a></li>
 +
<li><a href="#">Plan</a></li>
<li><a href="#">Characterization</a></li>
<li><a href="#">Characterization</a></li>
</ul>
</ul>
Line 95: Line 87:
<li><a class="head" href="#">Taxis</a>
<li><a class="head" href="#">Taxis</a>
<ul class="llmenu llmenublue">
<ul class="llmenu llmenublue">
 +
<li><a href="#">Introduction</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Overview</a></li>
-
                                <li><a href="#">Modeling</a></li>
+
<li><a href="#">Plan</a></li>
 +
<li><a href="#">Characterization</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="head" href="#">Control Unit</a>
+
<li><a class="head" href="#">Inactivate</a>
<ul class="llmenu llmenublue">
<ul class="llmenu llmenublue">
 +
<li><a href="#">Introduction</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Overview</a></li>
 +
<li><a href="#">Plan</a></li>
<li><a href="#">Characterization</a></li>
<li><a href="#">Characterization</a></li>
</ul>
</ul>
Line 109: Line 105:
<li><a class="head" href="#">Toolbox</a>
<li><a class="head" href="#">Toolbox</a>
<ul class="llmenu llmenublue">
<ul class="llmenu llmenublue">
-
<li><a href="https://2011.igem.org/Team:UT_Dallas/ligation">Ligation Calculator</a></li>
+
<li class="selectedLava"><a href="https://2011.igem.org/Team:UT_Dallas/ligation">Ligation Calculator</a></li>
-
<li><a href="https://2011.igem.org/Team:UT_Dallas/NEB_double_digest">Neb Double Digest</a></li>
+
<li><a href="https://2011.igem.org/Team:UT_Dallas/NEB_double_digest">NEB Double Digest</a></li>
<li><a href="#">Solutions Maker</a></li>
<li><a href="#">Solutions Maker</a></li>
-
<li class="selectedLava"><a href="ladders">DNA Ladders</a></li>
 
</ul>
</ul>
</li>
</li>
Line 154: Line 149:
</ul>
</ul>
</li>
</li>
-
<li><a href="#" class="head" onclick="document.location='https://2011.igem.org/Team:UT_Dallas/judging_forms'">Judging Forms</a>
+
<li><a href="#" class="head">Our Partners</a>
-
</li>
+
<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>
</ul>
</div>
</div>
-
<div id="right">contents goes here</div>
+
<div id="right"> <div id="app" style="float:right">
 +
<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>
 +
<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="#" class='app_download' onclick="javascript:alert('Not yet uploaded');return false;">Android 2.2 (Froyo)</a>
 +
</div>
 +
<table>
 +
<tr>
 +
<td>Total Reaction Mix(µl)</td>
 +
<td><input type='text' id='total_vol' value='10' onkeyup="javascript:doCalculate()"></td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>Volume of the buffer(µl)</td>
 +
<td><input type='text' id='buffer_vol' value='1' onkeyup="javascript:doCalculate()"></td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>Volume of the enzyme(µl)</td>
 +
<td><input type='text' id='enzyme_vol' value='1' onkeyup="javascript:doCalculate()"></td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>&nbsp;</td>
 +
<td>&nbsp;</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>&nbsp;</td>
 +
<td><b>Vector</b></td>
 +
<td><b>Insert</b></td>
 +
</tr>
 +
<tr>
 +
<td>Molar Ratio</td>
 +
<td><input type='text' id='Molar_Ratio_V' value='1' onkeyup="javascript:doCalculate()"></td>
 +
<td><input type='text' id='Molar_Ratio_I' value='3' onkeyup="javascript:doCalculate()"></td>
 +
</tr>
 +
<tr>
 +
<td>Concentration(ng/µl)</td>
 +
<td><input type='text' id='Conc_V' value='1000' onkeyup="javascript:doCalculate()"></td>
 +
<td><input type='text' id='Conc_I' value='50' onkeyup="javascript:doCalculate()"></td>
 +
</tr>
 +
<tr>
 +
<td>Length(bp)</td>
 +
<td><input type='text' id='Length_V' value='3000' onkeyup="javascript:doCalculate()"></td>
 +
<td><input type='text' id='Length_I' value='150' onkeyup="javascript:doCalculate()"></td>
 +
</tr>
 +
<tr>
 +
<td>Maximum volume(µl)</td>
 +
<td><input type='text' id='max_vol_V' value='5' onkeyup="javascript:doCalculate()"></td>
 +
<td><input type='text' id='max_vol_I' value='5' onkeyup="javascript:doCalculate()"></td>
 +
</tr>
 +
<tr>
 +
<td>Known Vector Lengths</td>
 +
<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="javascript:$('#Length_V').val('5369');doCalculate()" value="pET-28">
 +
<input type='button' id='pmac-c2' onclick="javascript:$('#Length_V').val('6646');doCalculate()" value="pMAL-c2"></td>
 +
</tr>
 +
</table>
 +
<br><b>Ligation Mix</b>
 +
<table>
 +
<tr><td>&nbsp;</td><td align='right'>Vol. in µl</td></tr>
 +
<tr><td>Buffer</td><td id='buffer_vol1' align='right'>1</td></tr>
 +
<tr><td>Enzyme</td><td id='enzyme_vol1' align='right'>1</td></tr>
 +
<tr><td>Vector</td><td id='vector_vol' align='right'>0</td></tr>
 +
<tr><td>Insert</td><td id='insert_vol' align='right'>0</td></tr>
 +
<tr><td>Water</td><td id='water_vol' align='right'>0</td></tr>
 +
<tr><td>Total</td><td id='total_vol1' align='right'>10</td></tr>
 +
</table></div>
</div>
</div>
</div>
</div>

Latest revision as of 18:02, 27 September 2011

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