Team:UT-Tokyo/test.html

From 2013.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 19: Line 19:
<html>
<html>
<div id="contents">
<div id="contents">
 +
<h2>Automatic RNA silencing primer designer</h2>
-
<script type="text/javascript">
+
<script type="text/javascript">
function getReverseSeq(str) {
function getReverseSeq(str) {
//先頭24塩基を抽出してアンチセンスを返す
//先頭24塩基を抽出してアンチセンスを返す
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);
-
var forwardonly = getForwardOnly(document.gen.argtext.value);
+
var forwardonly = "<p style=\"display:inline;color: #3CB371;\">ggatctagag</p>"
 +
+ getReverseSeq(document.gen.argtext.value)
 +
+ "<p style=\"display:inline;color: #1E90FF;\">tttctgttgggccattgcattgcc</p>";
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 = getFP(document.gen.argtext.value);
+
if (e.keyCode == 13)
-
var rp = getRP(document.gen.argtext.value);
+
return false;
-
document.getElementById('fp').innerHTML = "5'- " + fp
+
-
+ " -3' (Forward Primer for Inverse PCR)";
+
-
document.getElementById('rp').innerHTML = "5'- " + rp
+
-
+ " -3' (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>
<div>
 +
<h3>CDS</h3>
<p id="sequence"></p>
<p id="sequence"></p>
 +
<h3>Forward Primer for BioBrick</h3>
<p id="generated"></p>
<p id="generated"></p>
-
<p></p>
+
</div>
 +
 
 +
<form name="gen2">
 +
<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>
<p id="fp"></p>
 +
<h3>Reverse Primer for Inverse PCR</h3>
<p id="rp"></p>
<p id="rp"></p>
</div>
</div>
Line 121: 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"