Team:LMU-Munich/Primer Design/Design Primers

From 2011.igem.org

(Difference between revisions)
(mathias: fixed some more bugs)
 
(7 intermediate revisions not shown)
Line 63: Line 63:
  <div>
  <div>
   <label style="clear: none;">
   <label style="clear: none;">
-
   <input type="radio" name="mode" value="coding" checked="checked" id="radio-coding" />Coding
+
   <input type="radio" name="cmode" value="coding" id="radio-coding" />Coding
   </label>
   </label>
   <label style="clear: none;">
   <label style="clear: none;">
-
   <input type="radio" name="mode" value="noncoding" id="radio-noncoding" />Non-Coding
+
   <input type="radio" name="cmode" value="noncoding" checked="checked" id="radio-noncoding" />Non-Coding
   </label>
   </label>
  </div>
  </div>
Line 85: Line 85:
  <div>
  <div>
   <label style="clear: none;">
   <label style="clear: none;">
-
   <input type="radio" name="restriction" value="yes" checked="checked" />Yes
+
   <input type="radio" name="restriction" value="yes" />Yes
   </label>
   </label>
   <label style="clear: none;">
   <label style="clear: none;">
-
   <input type="radio" name="restriction" value="only used for biobricks" checked="checked" />Only used for biobricks
+
   <input type="radio" name="restriction" value="only" checked="checked"/>Only used for Biobricks
   </label>
   </label>
   <label style="clear: none;">
   <label style="clear: none;">
-
   <input type="radio" name="restriction" value="no" checked="checked" />No
+
   <input type="radio" name="restriction" value="no" />No
   </label>
   </label>
  </div>
  </div>
</div>
</div>
 +
<!--
<div class="radios">
<div class="radios">
  Melting point:
  Melting point:
Line 107: Line 108:
</div>
</div>
<label>Na<sup>+</sup> concentration: <input type="text" name="na" id="na" value="0.8" /></label>
<label>Na<sup>+</sup> concentration: <input type="text" name="na" id="na" value="0.8" /></label>
 +
-->
</div>
</div>
<div id="coding1" class="leftbox" style="width: 630px">
<div id="coding1" class="leftbox" style="width: 630px">
<input type="hidden" name="mode" value="primer" />
<input type="hidden" name="mode" value="primer" />
-
<p><label for="seq_n"><h2>Before 5'</h2></label>
+
<p><label for="seq_n"><h2>Upstream region</h2></label>
<label>Primer Length: <input type="text" id="length_n" name="length_n" value="20" /></label>
<label>Primer Length: <input type="text" id="length_n" name="length_n" value="20" /></label>
<textarea name="seq_n" id="seq_n" cols="40" rows="6" style="width: 98%; margin: 0; padding: 0;"></textarea></p>
<textarea name="seq_n" id="seq_n" cols="40" rows="6" style="width: 98%; margin: 0; padding: 0;"></textarea></p>
Line 116: Line 118:
</div>
</div>
<div id="coding2" class="leftbox" style="width: 630px">
<div id="coding2" class="leftbox" style="width: 630px">
-
<p><label for="seq_c"><h2>After 3'</h2></label>
+
<p><label for="seq_c"><h2>Downstream region</h2></label>
<label>Primer Length: <input type="text" id="length_c" name="length_c" value="20" /></label>
<label>Primer Length: <input type="text" id="length_c" name="length_c" value="20" /></label>
<textarea name="seq_c" id="seq_c" cols="40" rows="6" style="width: 98%; margin: 0; padding: 0;"></textarea></p>
<textarea name="seq_c" id="seq_c" cols="40" rows="6" style="width: 98%; margin: 0; padding: 0;"></textarea></p>
Line 129: Line 131:
-->
-->
<div id="noncoding" class="leftbox" style="width: 630px">
<div id="noncoding" class="leftbox" style="width: 630px">
-
<p><label><h2>Surrounding Region</h2>
+
<p><label><h2>Coding Sequence</h2>
<textarea name="seq" cols="40" rows="6" style="width: 98%; margin: 0; padding: 0;"></textarea></label></p>
<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>
Line 137: Line 139:
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">
-
document.getElementById('entropy').onclick = function() {
+
//document.getElementById('entropy').onclick = function() {
-
document.getElementById('na').disabled = false;
+
//document.getElementById('na').disabled = false;
-
}
+
//}
-
document.getElementById('wallace').onclick = function() {
+
//document.getElementById('wallace').onclick = function() {
-
document.getElementById('na').disabled = true;
+
//document.getElementById('na').disabled = true;
-
}
+
//}
-
document.getElementById('na').disabled = true;
+
//document.getElementById('na').disabled = true;
-
document.getElementById('radio-coding').onclick = function() {
+
document.getElementById('radio-noncoding').onclick = function() {
document.getElementById('coding1').style.display = "block";
document.getElementById('coding1').style.display = "block";
document.getElementById('coding2').style.display = "block";
document.getElementById('coding2').style.display = "block";
document.getElementById('noncoding').style.display = "none";
document.getElementById('noncoding').style.display = "none";
}
}
-
document.getElementById('radio-noncoding').onclick = function() {
+
document.getElementById('radio-coding').onclick = function() {
document.getElementById('noncoding').style.display = "block";
document.getElementById('noncoding').style.display = "block";
document.getElementById('coding1').style.display = "none";
document.getElementById('coding1').style.display = "none";

Latest revision as of 21:25, 21 September 2011


Options

Mode:
Standard:
Check for restriction sites?

Upstream region

Downstream region

Coding Sequence