Team:LMU-Munich/Primer Design/Design Primers

From 2011.igem.org

(Difference between revisions)
(mathias: second part of pd)
(mathias)
Line 39: Line 39:
<div class="leftbox" style="width: 630px">
<div class="leftbox" style="width: 630px">
<input type="hidden" name="mode" value="primer" />
<input type="hidden" name="mode" value="primer" />
-
<p><label><h2>DNA sequence</h2>
+
<p><label><h2>Before 5'</h2>
-
<textarea name="seq" cols="40" rows="10" style="width: 98%; margin: 0; padding: 0;"></textarea></label></p>
+
<textarea name="seq_n" cols="40" rows="6" style="width: 98%; margin: 0; padding: 0;"></textarea></label></p>
 +
<p><label>You can also upload a FASTA file: <input type="file" name="seq_n-file" /></label></p>
 +
</div>
 +
<div class="rightbox" style="width: 290px;">
 +
<h3>Options</h3>
 +
<label>Restriction Enzyme: <input type="text" name="enzyme_n" id="enzyme_n" /></label>
 +
<label>Primer Length: <input type="text" name="enzyme" id="length_n" value="20" /></label>
 +
</div>
 +
<div class="leftbox" style="width: 630px">
 +
<p><label><h2>After 3'</h2>
 +
<textarea name="seq_c" cols="40" rows="6" style="width: 98%; margin: 0; padding: 0;"></textarea></label></p>
 +
<p><label>You can also upload a FASTA file: <input type="file" name="seq_c-file" /></label></p>
 +
</div>
 +
<div class="rightbox" style="width: 290px;">
 +
<h3>Options</h3>
 +
<label>Restriction Enzyme: <input type="text" name="enzyme_c" id="enzyme_c" /></label>
 +
<label>Primer Length: <input type="text" name="length_c" value="20" /></label>
 +
</div>
 +
<div class="leftbox" style="width: 630px">
 +
<p><label><h2>Surrounding Region</h2>
 +
<textarea name="seq" cols="40" rows="6" style="width: 98%; margin: 0; padding: 0;"></textarea></label></p>
<p><label>You can also upload a FASTA file: <input type="file" name="seq-file" /></label></p>
<p><label>You can also upload a FASTA file: <input type="file" name="seq-file" /></label></p>
-
 
</div>
</div>
<div class="rightbox" style="width: 290px;">
<div class="rightbox" style="width: 290px;">
<h2>Options</h2>
<h2>Options</h2>
-
<label>Source Genome: <select name="genome" rows="1">
+
Melting point: <label><input type="radio" name="melting" value="wallace" checked="checked" />Wallace</label> <label><input type="radio" name="melting" value="entropy" />Entropy based</label>
-
<option value="k12">K12</option>
+
-
</select></label>
+
-
<label>enzyme: <input type="text" name="enzyme" id="enzyme" /></label>
+
-
<div id="enzyme-list">
+
-
<a href="#">List enzymes</a>
+
-
<ul id="enzymes">
+
-
<li>AaaI</li>
+
-
<li>AacLI</li>
+
-
<li>AaeI</li>
+
-
<li>AagI</li>
+
-
<li>AanI</li>
+
-
<li>AaqI</li>
+
-
<li>AarI</li>
+
-
<li>AasI</li>
+
-
<li>AatI</li>
+
-
<li>AatII</li>
+
-
<li>AauI</li>
+
-
<li>AbaI</li>
+
-
<li>AbeI</li>
+
-
<li>AbrI</li>
+
-
<li>AbsI</li>
+
-
<li>AcaI</li>
+
-
<li>AcaII</li>
+
-
<li>AcaIII</li>
+
-
<li>AcaIV</li>
+
-
<li>AccI</li>
+
-
<li>AccII</li>
+
-
<li>AccIII</li>
+
-
<li>Acc16I</li>
+
-
<li>Acc36I</li>
+
-
</ul>
+
-
</div>
+
-
<script type="text/javascript">
+
-
var enzymes = document.getElementById('enzymes').getElementsByTagName('li');
+
-
for(var i = 0; i < enzymes.length; ++i) {
+
-
enzymes[i].onclick = function() {
+
-
document.getElementById('enzymes').style.display='none';
+
-
document.getElementById('enzyme').value=this.firstChild.nodeValue;
+
-
}
+
-
}
+
-
 
+
-
document.getElementById('enzyme-list').style.display='inline-block';
+
-
document.getElementById('enzyme-list').getElementsByTagName('a')[0].onclick = function() {
+
-
document.getElementById('enzymes').style.display='block';
+
-
return false;
+
-
}
+
-
document.getElementById('enzymes').style.display='none';
+
-
</script>
+
</div>
</div>
<div class="rightbox" style="width: 290px;">
<div class="rightbox" style="width: 290px;">
-
<input type="submit" style="width: 49%;" value="N" name="do_n" />
+
<input type="submit" style="width: 99%;" value="Submit" />
-
 
+
-
<input type="submit" style="width: 49%;" value="C" name="do_c" />
+
</div>
</div>
</form>
</form>

Revision as of 16:14, 9 September 2011


Before 5'

Options

After 3'

Options

Surrounding Region

Options

Melting point:


Retrieved from "http://2011.igem.org/Team:LMU-Munich/Primer_Design/Design_Primers"