Team:Heidelberg/Modeling/miGUI

From 2010.igem.org

(Difference between revisions)
Line 13: Line 13:
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
var dataarray = new Array();
+
var dataarray = new Array(9);
-
 
+
function getvar (num)
function getvar (num)
{
{
-
dataarray[num] = document.forms["form"+num].elements[0].value;
+
var r = 0
 +
var count=document.forms["form"+num].length-2;
 +
dataarray[num] = new Array(count);
document.getElementById("outform"+num).style.display = "block";
document.getElementById("outform"+num).style.display = "block";
-
document.forms["formout"+num].elements[0].value = dataarray[num];}
 
-
function one(num)
+
for (var i=0; i<=count; i++) {
 +
if(document.forms["form"+num].elements[i].type == 'radio') {
 +
if (document.forms["form"+num].elements[i].checked == true) {
 +
dataarray[num][i-r] = document.forms["form"+num].elements[i].value;
 +
document.forms["formout"+num].elements[i-r].value = dataarray[num][i-r];
 +
} else { r++ }
 +
} else {
 +
dataarray[num][i-r] = document.forms["form"+num].elements[i].value;
 +
document.forms["formout"+num].elements[i-r].value = dataarray[num][i-r];
 +
  }
 +
 +
}
 +
switch (num) {
 +
case 6:
 +
 +
}
 +
 +
function showoptions(num)
{ for (var i=1; i<=9; i++) {
{ for (var i=1; i<=9; i++) {
document.getElementById(i).style.display = "none";
document.getElementById(i).style.display = "none";
Line 35: Line 53:
<html>
<html>
<body>
<body>
 +
<a href="javascript:count()">klick</a>
<div id="main_page">
<div id="main_page">
<div id="area_map">
<div id="area_map">
Line 41: Line 60:
<map name="gui-functions">
<map name="gui-functions">
<area shape="poly" coords="192,51,192,51,195,46,198,43,201,41,205,39,209,38,214,38,220,39,223,41,227,43,229,45,231,48,233,50,237,52,243,54,250,57,256,61,265,66,267,69,269,71,269,71,268,73,267,77,265,81,263,83,261,85,260,88,259,89,255,91,252,91,247,88,244,86,240,85,237,83,233,81,229,79,226,78,223,77,221,78,219,79,216,79,210,79,207,78,202,77,200,75,197,71,195,68,193,64,193,59,192,55,192,51"  
<area shape="poly" coords="192,51,192,51,195,46,198,43,201,41,205,39,209,38,214,38,220,39,223,41,227,43,229,45,231,48,233,50,237,52,243,54,250,57,256,61,265,66,267,69,269,71,269,71,268,73,267,77,265,81,263,83,261,85,260,88,259,89,255,91,252,91,247,88,244,86,240,85,237,83,233,81,229,79,226,78,223,77,221,78,219,79,216,79,210,79,207,78,202,77,200,75,197,71,195,68,193,64,193,59,192,55,192,51"  
-
href="javascript:one(1)" alt="shRNAmir" />
+
href="javascript:showoptions(1)" alt="shRNAmir" />
<area shape="poly" coords="264,97,265,98,271,98,275,99,281,102,288,103,289,104,288,107,285,109,287,111,290,115,292,119,296,123,300,121,304,119,309,116,314,113,318,113,321,115,322,115,323,119,324,123,323,126,321,128,316,130,313,132,309,133,305,135,302,136,298,139,294,140,291,140,289,139,287,137,284,133,282,130,279,126,278,123,275,120,273,118,270,122,267,124,266,117,265,109,265,104,264,97"  
<area shape="poly" coords="264,97,265,98,271,98,275,99,281,102,288,103,289,104,288,107,285,109,287,111,290,115,292,119,296,123,300,121,304,119,309,116,314,113,318,113,321,115,322,115,323,119,324,123,323,126,321,128,316,130,313,132,309,133,305,135,302,136,298,139,294,140,291,140,289,139,287,137,284,133,282,130,279,126,278,123,275,120,273,118,270,122,267,124,266,117,265,109,265,104,264,97"  
-
href="javascript:one(2)" alt="Promoter1" />
+
href="javascript:showoptions(2)" alt="Promoter1" />
<area shape="poly" coords="296,159,296,159,296,154,297,149,305,146,313,143,321,139,327,137,331,138,334,141,336,143,338,150,340,161,342,169,342,173,348,172,350,172,349,178,346,184,344,190,342,195,340,199,337,198,335,195,332,191,329,188,326,183,324,179,321,175,328,174,328,171,327,167,326,162,324,158,324,154,323,155,319,156,309,161,305,163,302,164,299,161,296,159"  
<area shape="poly" coords="296,159,296,159,296,154,297,149,305,146,313,143,321,139,327,137,331,138,334,141,336,143,338,150,340,161,342,169,342,173,348,172,350,172,349,178,346,184,344,190,342,195,340,199,337,198,335,195,332,191,329,188,326,183,324,179,321,175,328,174,328,171,327,167,326,162,324,158,324,154,323,155,319,156,309,161,305,163,302,164,299,161,296,159"  
-
href="javascript:one(3)" alt="Promoter2" />
+
href="javascript:showoptions(3)" alt="Promoter2" />
<area shape="poly" coords="288,267,289,268,284,271,281,276,277,280,273,285,267,289,263,294,259,297,255,300,249,304,244,307,242,301,240,298,238,300,211,338,259,349,256,340,261,335,267,333,272,329,279,325,284,320,291,314,298,307,303,300,309,294,313,288,315,285,312,280,306,277,299,273,288,267"  
<area shape="poly" coords="288,267,289,268,284,271,281,276,277,280,273,285,267,289,263,294,259,297,255,300,249,304,244,307,242,301,240,298,238,300,211,338,259,349,256,340,261,335,267,333,272,329,279,325,284,320,291,314,298,307,303,300,309,294,313,288,315,285,312,280,306,277,299,273,288,267"  
-
href="javascript:one(4)" alt="miGene" />
+
href="javascript:showoptions(4)" alt="miGene" />
<area shape="poly" coords="133,316,133,316,141,317,149,320,158,322,169,324,196,324,199,327,200,332,202,357,194,357,178,358,177,363,175,366,171,368,167,368,163,368,160,366,157,365,155,361,153,357,153,354,144,353,137,351,128,348,124,346,121,343,121,339,125,332,133,316"  
<area shape="poly" coords="133,316,133,316,141,317,149,320,158,322,169,324,196,324,199,327,200,332,202,357,194,357,178,358,177,363,175,366,171,368,167,368,163,368,160,366,157,365,155,361,153,357,153,354,144,353,137,351,128,348,124,346,121,343,121,339,125,332,133,316"  
-
href="javascript:one(5)" alt="shR_BS" />
+
href="javascript:showoptions(5)" alt="shR_BS" />
<area shape="poly" coords="121,310,121,311,121,315,119,320,116,327,107,338,100,337,93,331,87,327,82,330,73,330,69,326,66,322,66,317,68,310,63,306,59,301,54,295,49,289,48,283,52,280,71,268,74,268,80,275,85,281,91,287,95,292,104,299,112,304,121,310"  
<area shape="poly" coords="121,310,121,311,121,315,119,320,116,327,107,338,100,337,93,331,87,327,82,330,73,330,69,326,66,322,66,317,68,310,63,306,59,301,54,295,49,289,48,283,52,280,71,268,74,268,80,275,85,281,91,287,95,292,104,299,112,304,121,310"  
-
href="javascript:one(6)" alt="miR_BS" />
+
href="javascript:showoptions(6)" alt="miR_BS" />
<area shape="poly" coords="25,173,26,174,23,169,25,165,27,157,29,152,31,144,35,135,38,128,44,118,48,111,52,106,56,101,54,99,50,95,47,92,96,83,87,132,79,124,78,126,74,130,71,135,69,140,66,147,64,152,61,161,59,166,58,173,56,176,54,179,45,180,35,178,25,174"  
<area shape="poly" coords="25,173,26,174,23,169,25,165,27,157,29,152,31,144,35,135,38,128,44,118,48,111,52,106,56,101,54,99,50,95,47,92,96,83,87,132,79,124,78,126,74,130,71,135,69,140,66,147,64,152,61,161,59,166,58,173,56,176,54,179,45,180,35,178,25,174"  
-
href="javascript:one(7)" alt="Reference" />
+
href="javascript:showoptions(7)" alt="Reference" />
<area shape="poly" coords="421,303,422,304,445,311,462,332,462,359,447,380,422,387,397,379,381,358,381,332,397,311"  
<area shape="poly" coords="421,303,422,304,445,311,462,332,462,359,447,380,422,387,397,379,381,358,381,332,397,311"  
-
href="javascript:one(8)" alt="Virus" />
+
href="javascript:showoptions(8)" alt="Virus" />
<area shape="poly" coords="347,213,347,213,309,209,305,213,305,216,305,222,304,230,302,235,298,243,296,251,294,254,296,257,299,261,309,267,330,276,332,274,335,269,381,271,479,240,543,222,588,198,593,153,575,102,568,87,558,76,548,68,530,57,513,52,492,52,475,53,459,59,446,68,410,88,393,125,409,170,417,187,428,201,437,211,427,229,386,239,349,213"  
<area shape="poly" coords="347,213,347,213,309,209,305,213,305,216,305,222,304,230,302,235,298,243,296,251,294,254,296,257,299,261,309,267,330,276,332,274,335,269,381,271,479,240,543,222,588,198,593,153,575,102,568,87,558,76,548,68,530,57,513,52,492,52,475,53,459,59,446,68,410,88,393,125,409,170,417,187,428,201,437,211,427,229,386,239,349,213"  
-
href="javascript:one(9)" alt="Operator" />
+
href="javascript:showoptions(9)" alt="Operator" />
</map>
</map>
<p id="desc"></p>
<p id="desc"></p>
Line 79: Line 98:
<form name="formout5"><input name="output5" type="text" size="30" maxlength="30">
<form name="formout5"><input name="output5" type="text" size="30" maxlength="30">
</form></td></tr>
</form></td></tr>
-
<tr id="outform6" class="formoutput"><td>miR_BS:
+
<tr id="outform6" class="formoutput"><td>miRNA_BS:
-
<form name="formout6"><input name="output6" type="text" size="30" maxlength="30">
+
<form name="formout6">
 +
Target: <input name="outmiRBStarget" type="text" size="30" maxlength="30"><br/>
 +
Off-Target: <input name="outmiRBSofftarget" type="text" size="30" maxlength="30"><br/>
 +
On/Off: <input name="outmiRBSonofftarget" type="text" size="30" maxlength="30"><br/>
 +
Treshold: <input name="outmiRBStreshold" type="text" size="30" maxlength="30">
</form></td></tr>
</form></td></tr>
<tr id="outform7" class="formoutput"><td>Reference:
<tr id="outform7" class="formoutput"><td>Reference:
Line 141: Line 164:
<form name="form6">
<form name="form6">
<p>Choose your Target:<br><select name="miRBStarget">
<p>Choose your Target:<br><select name="miRBStarget">
-
<option value="1">aaaa</option>
+
<option value='hsa_AML-HL60'>hsa_AML-HL60</option>
-
<option value="2">bbbb</option>
+
<option value='hsa_AML-Kas1'>hsa_AML-Kas1</option>
-
<option value="3">cccc</option>
+
<option value='hsa_AML-THP1'>hsa_AML-THP1</option>
-
<option value="4">dddd</option>
+
<option value='hsa_AML1-d0'>hsa_AML1-d0</option>
-
<option value="5">eeee</option>
+
<option value='hsa_AML1-d29'>hsa_AML1-d29</option>
 +
<option value='hsa_AML2-d0'>hsa_AML2-d0</option>
 +
<option value='hsa_AML2-d29'>hsa_AML2-d29</option>
 +
<option value='hsa_AML3-d0'>hsa_AML3-d0</option>
 +
<option value='hsa_AML3-d29'>hsa_AML3-d29</option>
 +
 
</select></p>
</select></p>
<p>Choose your Off-Targets:<br><select name="miRBSofftarget" size="4" multiple>
<p>Choose your Off-Targets:<br><select name="miRBSofftarget" size="4" multiple>
-
<option value="1">aaaa</option>
+
<option value='hsa_AML-HL60'>hsa_AML-HL60</option>
-
<option value="2">bbbb</option>
+
<option value='hsa_AML-Kas1'>hsa_AML-Kas1</option>
-
<option value="3">cccc</option>
+
<option value='hsa_AML-THP1'>hsa_AML-THP1</option>
-
<option value="4">dddd</option>
+
<option value='hsa_AML1-d0'>hsa_AML1-d0</option>
-
<option value="5">eeee</option>
+
<option value='hsa_AML1-d29'>hsa_AML1-d29</option>
 +
<option value='hsa_AML2-d0'>hsa_AML2-d0</option>
 +
<option value='hsa_AML2-d29'>hsa_AML2-d29</option>
 +
<option value='hsa_AML3-d0'>hsa_AML3-d0</option>
 +
<option value='hsa_AML3-d29'>hsa_AML3-d29</option>
 +
 
</select></p>
</select></p>
<p> <input type="radio" name="miRBSonofftarget" value="on"> On-Targeting
<p> <input type="radio" name="miRBSonofftarget" value="on"> On-Targeting
Line 179: Line 212:
</td></tr>
</td></tr>
</table>
</table>
 +
</body>
</body>
</html>
</html>
{{:Team:Heidelberg/Bottom}}
{{:Team:Heidelberg/Bottom}}

Revision as of 19:58, 18 October 2010

klick

GUI_Picture shRNAmir Promoter1 Promoter2 miGene shR_BS miR_BS Reference Virus Operator

shRNAmir:
Promoter1:
Promoter2:
miGene:
shR_BS:
miRNA_BS:
Target:
Off-Target:
On/Off:
Treshold:
Reference:
Virus:
Operator:
Text Text Text Text
Text Text Text Text
Variable1

Text Text Text Text
Text Text Text Text

Variable2

Text Text Text Text
Text Text Text Text

Variable3

Text Text Text Text
Text Text Text Text

Variable4

Text Text Text Text
Text Text Text Text

Variable5

miRBS

Choose your Target:

Choose your Off-Targets:

On-Targeting Off-Targeting

Set relative miRNA treshold

Text Text Text Text
Text Text Text Text

Variable7

Text Text Text Text
Text Text Text Text

Variable8

Text Text Text Text
Text Text Text Text

Variable9