Team:UT-Tokyo/test.html

From 2013.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 19: Line 19:
<html>
<html>
<div id="contents">
<div id="contents">
 +
<h2>Automatic RNA silencing primer designer</h2>
 +
-
<h1>Wiki Freeze</h1>
 
<script type="text/javascript">
<script type="text/javascript">
function getReverseSeq(str) {
function getReverseSeq(str) {
Line 61: Line 62:
function getRP(str) {
function getRP(str) {
-
var anti = getReverseSeq(str);
+
var reverse = str.substring(7, 24);
-
var reverse = str.substring(7, 24) + getReverseSeq("tactagag")
+
-
+ getReverseSeq("acctctggcggtgataatggttgc");
+
return reverse;
return reverse;
-
}
 
-
 
-
function getForwardOnly(str) {
 
-
var anti = getReverseSeq(str);
 
-
anti = "ggatctagag" + anti + "tttctgttgggccattgcattgcc";
 
-
return anti;
 
}
}
Line 87: Line 80:
function onClick() {
function onClick() {
document.getElementById('sequence').innerHTML = "5'- "
document.getElementById('sequence').innerHTML = "5'- "
-
+ document.gen.argtext.value + " -3' (CDS)";
+
+ document.gen.argtext.value + " -3'";
var reverse = getReverse(document.gen.argtext.value);
var reverse = getReverse(document.gen.argtext.value);
-
while (reverse.length < 34) {
+
var forwardonly = "<p style=\"display:inline;color: #3CB371;\">ggatctagag</p>"
-
reverse = "-" + reverse;
+
+ getReverseSeq(document.gen.argtext.value)
-
}
+
+ "<p style=\"display:inline;color: #1E90FF;\">tttctgttgggccattgcattgcc</p>";
-
document.getElementById('reverse').innerHTML = "3'- " + reverse
+
-
+ " -5' (CDS)";
+
-
var forwardonly = getForwardOnly(document.gen.argtext.value);
+
-
var interaction = "--------------||||||||||||||||||||||||";
+
-
while (forwardonly.length - reverse.length < 24) {
+
-
forwardonly = "-" + forwardonly;
+
-
interaction = "-" + interaction;
+
-
}
+
-
document.getElementById('interaction').innerHTML = interaction;
+
document.getElementById('generated').innerHTML = "5'- "
document.getElementById('generated').innerHTML = "5'- "
-
+ forwardonly + " -3' (Forward Primer for BioBrick)";
+
+ forwardonly + " -3'";
 +
}
 +
 
 +
function onClick2() {
 +
document.getElementById('sequence2').innerHTML = "5'- "
 +
+ document.gen2.argtext2.value + " -3'";
 +
 
 +
var fp = getFP(document.gen2.argtext2.value);
 +
var rp = getRP(document.gen2.argtext2.value)
 +
+ getReverseSeq("tactagag")
 +
+ getReverseSeq("acctctggcggtgataatggttgc");
 +
document.getElementById('fp').innerHTML = "5'- " + fp + " -3'";
 +
document.getElementById('rp').innerHTML = "5'- " + rp + " -3'";
 +
}
 +
function submitStop(e) {
 +
if (!e)
 +
var e = window.event;
-
var fp = "---------------------------------------"
+
if (e.keyCode == 13)
-
+ getFP(document.gen.argtext.value);
+
return false;
-
var int2 = "-------------------------------------------||||||||||";
+
-
var rp = getRP(document.gen.argtext.value);
+
-
document.getElementById('fp').innerHTML = "5'- " + fp
+
-
+ " -3' (Forward Primer for Inverse PCR)";
+
-
document.getElementById('int2').innerHTML = int2;
+
-
document.getElementById('rp').innerHTML = "5'- " + rp
+
-
+ " -3' (Reverse Primer for Inverse PCR)";
+
-
document.getElementById('rp_rev').innerHTML = "3'- "
+
-
+ getReverse(rp) + " -5' (Reverse Primer for Inverse PCR)";
+
}
}
</script>
</script>
<form name="gen">
<form name="gen">
<input type="text" name="argtext"
<input type="text" name="argtext"
-
value="ATGCATGCATGCATGCATGCATGCATGCATGC" /> <input type="button"
+
value="ATGCATGCATGCATGCATGCATGCATGCATGC"
-
value="generate" onclick="onClick()" />
+
onKeyPress="onClick();return submitStop(event);" /> <input
 +
type="button" value="generate" onclick="onClick()" />
</form>
</form>
-
<div style="font-family: monospace;">
+
 
-
<p id="sequence">Wiki Freeze</p>
+
<div>
-
<p id="reverse" style="margin: 0px;">Wiki Freeze</p>
+
<h3>CDS</h3>
-
<p id="interaction" style="margin: 0px;">Wiki Freeze</p>
+
<p id="sequence"></p>
-
<p id="generated" style="margin: 0px;">Wiki Freeze</p>
+
<h3>Forward Primer for BioBrick</h3>
-
<p></p>
+
<p id="generated"></p>
-
<p id="fp" style="margin: 0px;">Wiki Freeze</p>
+
</div>
-
<p id="int2" style="margin: 0px;">Wiki Freeze</p>
+
 
-
<p id="rp_rev" style="margin: 0px;">Wiki Freeze</p>
+
<form name="gen2">
-
<p id="rp">Wiki Freeze</p>
+
<input type="text" name="argtext2"
 +
value="ATGCATGCATGCATGCATGCATGCATGCATGC"
 +
onKeyPress="onClick2();return submitStop(event);" /> <input
 +
type="button" value="generate" onclick="onClick2()" />
 +
</form>
 +
 
 +
<div>
 +
<h3>CDS</h3>
 +
<p id="sequence2"></p>
 +
<h3>Forward Primer for Inverse PCR</h3>
 +
<p id="fp"></p>
 +
<h3>Reverse Primer for Inverse PCR</h3>
 +
<p id="rp"></p>
</div>
</div>
Line 141: Line 145:
</div>
</div>
<p>
<p>
-
 
</html>
</html>

Latest revision as of 03:34, 28 September 2013

           TEAM

Automatic RNA silencing primer designer

CDS

Forward Primer for BioBrick

CDS

Forward Primer for Inverse PCR

Reverse Primer for Inverse PCR

Retrieved from "http://2013.igem.org/Team:UT-Tokyo/test.html"