Team:UT-Tokyo/test.html

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
rel='stylesheet' type='text/css'>
rel='stylesheet' type='text/css'>
-
<div id="global_wrapper"></div>
+
<div id="global_wrapper">
-
<div id="header"></div>
+
<div id="header">
-
<div class="logo">
+
<div class="logo">
-
<img src="https://static.igem.org/mediawiki/2013/9/93/Clock_ecoli_paper5.png"
+
<img
-
height="120px">
+
src="https://static.igem.org/mediawiki/2013/9/93/Clock_ecoli_paper5.png"
-
</div>
+
height="120px">
-
<div class="wrapper">
+
</div>
-
<div class="box">Thanks for your visiting our team wiki!</div>
+
<div class="wrapper">
-
</div>
+
<div class="box">Thanks for your visiting our team wiki!</div>
 +
</div>
</html>
</html>
{{:Team:UT-Tokyo/Template/Header1|subpagename=TEAM}}
{{:Team:UT-Tokyo/Template/Header1|subpagename=TEAM}}
<html>
<html>
 +
<div id="contents"></div>
 +
</div>
-
<body>
+
<div id="footer"></div>
-
<script type="text/javascript">
+
</div>
-
String.prototype.lengthByte = function() {
+
-
var str = this;
+
-
var r = 0;
+
-
for ( var i = 0; i < str.length; i++) {
+
-
var c = str.charCodeAt(i);
+
-
if ((c >= 0x0 && c < 0x81) || (c == 0xf8f0)
+
-
|| (c >= 0xff61 && c < 0xffa0)
+
-
|| (c >= 0xf8f1 && c < 0xf8f4)) {
+
-
r += 1;
+
-
} else {
+
-
r += 2;
+
-
}
+
-
}
+
-
return r;
+
-
}
+
-
 
+
-
String.prototype.repeat = function(n) {
+
-
return new Array(n + 1).join(this);
+
-
}
+
-
 
+
-
String.prototype.replaceAll = function(str1, str2) {
+
-
var temp = this;
+
-
while (temp.indexOf(str1) != -1) {
+
-
temp = temp.replace(str1, str2);
+
-
}
+
-
;
+
-
return temp;
+
-
};
+
-
 
+
-
function getWrappedText(str) {
+
-
var len = Math.floor(str.lengthByte() / 2);
+
-
return "＿" + ("人".repeat(len + 2)) + "＿<br />" + "＞　" + str
+
-
+ "　＜<br />" + "￣Y" + ("^Y".repeat(len)) + "￣";
+
-
}
+
-
 
+
-
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)";
+
-
}
+
-
 
+
-
function tweet() {
+
-
window.open("https://twitter.com/intent/tweet?text="
+
-
+ encodeURIComponent(getReverseSeq(
+
-
document.gen.argtext.value).replaceAll("<br />",
+
-
"\n")
+
-
+ "\n")
+
-
+ "&url=http://kenkoooo.com/wikifreeze.html");
+
-
}
+
-
</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 id="footer"></div>
+
</body>
</body>
</html>
</html>

Revision as of 21:26, 27 September 2013

           TEAM

Retrieved from "http://2013.igem.org/Team:UT-Tokyo/test.html"