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> | ||
- | < | + | <p> |
- | + | ||
</html> | </html> |
Latest revision as of 03:34, 28 September 2013
Thanks for your visiting our team wiki!
TEAM
Automatic RNA silencing primer designer
CDS
Forward Primer for BioBrick
CDS
Forward Primer for Inverse PCR
Reverse Primer for Inverse PCR