Team:UT-Tokyo/test.html

From 2013.igem.org

(Difference between revisions)
Line 19: Line 19:
<html>
<html>
<div id="contents">
<div id="contents">
-
aaaaa
+
 
 +
<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

           TEAM
       

Wiki Freeze

Wiki Freeze

Wiki Freeze

Wiki Freeze

Wiki Freeze

Wiki Freeze

Wiki Freeze

Wiki Freeze

Wiki Freeze