Team:UT-Tokyo/test.html
From 2013.igem.org
(Difference between revisions)
Line 19: | Line 19: | ||
<html> | <html> | ||
<div id="contents"> | <div id="contents"> | ||
- | + | ||
+ | <h1>Wiki Freeze</h1> | ||
+ | <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 anti = getReverseSeq(str); | ||
+ | var reverse = str.substring(7, 24) + getReverseSeq("tactagag") | ||
+ | + getReverseSeq("acctctggcggtgataatggttgc"); | ||
+ | |||
+ | return reverse; | ||
+ | } | ||
+ | |||
+ | function getForwardOnly(str) { | ||
+ | var anti = getReverseSeq(str); | ||
+ | anti = "ggatctagag" + anti + "tttctgttgggccattgcattgcc"; | ||
+ | return anti; | ||
+ | } | ||
+ | |||
+ | 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' (CDS)"; | ||
+ | var reverse = getReverse(document.gen.argtext.value); | ||
+ | while (reverse.length < 34) { | ||
+ | reverse = "-" + reverse; | ||
+ | } | ||
+ | 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'- " | ||
+ | + forwardonly + " -3' (Forward Primer for BioBrick)"; | ||
+ | |||
+ | var fp = "---------------------------------------" | ||
+ | + getFP(document.gen.argtext.value); | ||
+ | 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> | ||
+ | <form name="gen"> | ||
+ | <input type="text" name="argtext" | ||
+ | value="ATGCATGCATGCATGCATGCATGCATGCATGC" /> <input type="button" | ||
+ | value="generate" onclick="onClick()" /> | ||
+ | </form> | ||
+ | <div style="font-family: monospace;"> | ||
+ | <p id="sequence">Wiki Freeze</p> | ||
+ | <p id="reverse" style="margin: 0px;">Wiki Freeze</p> | ||
+ | <p id="interaction" style="margin: 0px;">Wiki Freeze</p> | ||
+ | <p id="generated" style="margin: 0px;">Wiki Freeze</p> | ||
+ | <p></p> | ||
+ | <p id="fp" style="margin: 0px;">Wiki Freeze</p> | ||
+ | <p id="int2" style="margin: 0px;">Wiki Freeze</p> | ||
+ | <p id="rp_rev" style="margin: 0px;">Wiki Freeze</p> | ||
+ | <p id="rp">Wiki Freeze</p> | ||
+ | </div> | ||
</div> | </div> |
Revision as of 21:31, 27 September 2013
Thanks for your visiting our team wiki!
TEAM
Wiki Freeze
Wiki Freeze
Wiki Freeze
Wiki Freeze
Wiki Freeze
Wiki Freeze
Wiki Freeze
Wiki Freeze
Wiki Freeze