Team:UT-Tokyo/test.html

From 2013.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 18: Line 18:
{{:Team:UT-Tokyo/Template/Header1|subpagename=TEAM}}
{{:Team:UT-Tokyo/Template/Header1|subpagename=TEAM}}
<html>
<html>
-
<div id="contents"></div>
+
<div id="contents">
 +
<h2>Automatic RNA silencing primer designer</h2>
 +
 
 +
 
 +
<script type="text/javascript">
 +
function getReverseSeq(str) {
 +
//先頭24塩基を抽出してアンチセンスを返す
 +
var rev = "";
 +
var min = 24;
 +
if (str.length < 24) {
 +
min = str.length;
 +
}
 +
for ( var i = 0; i < min; i++) {
 +
var c = str.charAt(i);
 +
if (c.indexOf("A") !== -1) {
 +
c = "T";
 +
} else if (c.indexOf("T") !== -1) {
 +
c = "A";
 +
} else if (c.indexOf("C") !== -1) {
 +
c = "G";
 +
} else if (c.indexOf("G") !== -1) {
 +
c = "C";
 +
} else if (c.indexOf("a") !== -1) {
 +
c = "t";
 +
} else if (c.indexOf("t") !== -1) {
 +
c = "a";
 +
} else if (c.indexOf("c") !== -1) {
 +
c = "g";
 +
} else if (c.indexOf("g") !== -1) {
 +
c = "c";
 +
}
 +
rev = c + rev;
 +
}
 +
 
 +
return rev;
 +
}
 +
 
 +
function getFP(str) {
 +
var anti = getReverseSeq(str);
 +
var forward = anti.substring(7, 24) + "tttctgttgggccattgcattgcc";
 +
return forward;
 +
}
 +
 
 +
function getRP(str) {
 +
var reverse = str.substring(7, 24);
 +
 
 +
return reverse;
 +
}
 +
 
 +
function getReverse(str) {
 +
var rev = "";
 +
for ( var i = 0; i < str.length; i++) {
 +
var c = str.charAt(i);
 +
rev = c + rev;
 +
}
 +
 
 +
return rev;
 +
 
 +
}
 +
 
 +
function onClick() {
 +
document.getElementById('sequence').innerHTML = "5'- "
 +
+ document.gen.argtext.value + " -3'";
 +
var reverse = getReverse(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'- "
 +
+ 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;
 +
 
 +
if (e.keyCode == 13)
 +
return false;
 +
}
 +
</script>
 +
<form name="gen">
 +
<input type="text" name="argtext"
 +
value="ATGCATGCATGCATGCATGCATGCATGCATGC"
 +
onKeyPress="onClick();return submitStop(event);" /> <input
 +
type="button" value="generate" onclick="onClick()" />
 +
</form>
 +
 
 +
<div>
 +
<h3>CDS</h3>
 +
<p id="sequence"></p>
 +
<h3>Forward Primer for BioBrick</h3>
 +
<p id="generated"></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>
 +
<h3>Reverse Primer for Inverse PCR</h3>
 +
<p id="rp"></p>
 +
</div>
 +
 
 +
</div>
</div>
</div>
Line 24: Line 144:
</div>
</div>
-
</body>
+
<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