Team:Heidelberg/Modeling/miGUI
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | {{:Team:Heidelberg/ | + | {{:Team:Heidelberg/Top}} |
+ | {{:Team:Heidelberg/Key}} | ||
+ | {{:Team:Heidelberg/Frame}} | ||
<html> | <html> | ||
Line 11: | Line 13: | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | var dataarray = new Array( | + | var dataarray = new Array(12); |
- | function getvar (num) | + | function getvar (num) //umbenennen in readvar |
{ | { | ||
var r = 0; | var r = 0; | ||
Line 23: | Line 25: | ||
if(document.forms["form"+num].elements[i].type == 'radio') { | if(document.forms["form"+num].elements[i].type == 'radio') { | ||
if (document.forms["form"+num].elements[i].checked == true) { | if (document.forms["form"+num].elements[i].checked == true) { | ||
- | dataarray[num][i-r] = document.forms["form"+num].elements[i].value; | + | dataarray[num][i-r] = document.forms["form"+num].elements[i].value;} |
- | + | else { r++ }} | |
- | + | else if (document.forms["form"+num].elements[i].type == 'select-multiple') { | |
dataarray[num][i-r] = "" | dataarray[num][i-r] = "" | ||
- | for(var j=0;j<document.forms["form"+num].elements[i].length;j++){ | + | for (var j=0;j<document.forms["form"+num].elements[i].length;j++){ |
if (document.forms["form"+num].elements[i][j].selected == true ) { | if (document.forms["form"+num].elements[i][j].selected == true ) { | ||
- | dataarray[num][i-r] += document.forms["form"+num].elements[i][j].value + ";"; | + | dataarray[num][i-r] += document.forms["form"+num].elements[i][j].value + ";";}}} |
- | + | else { | |
- | + | dataarray[num][i-r] = document.forms["form"+num].elements[i].value;} | |
- | + | if (document.forms["formout"+num].elements[i-r].type =='radio') { | |
- | + | if(document.forms["formout"+num].elements[i-r].value = 'on'){ | |
- | } | + | document.forms["formout"+num].elements[i-r].checked="checked";} |
- | document.forms["formout"+num].elements[i-r].value = dataarray[num][i-r]; | + | if (document.forms["formout"+num].elements[i-r].value = 'off'){ |
- | + | document.forms["formout"+num].elements[i-r].checked = "checked";}} | |
- | + | else { | |
+ | document.forms["formout"+num].elements[i-r].value = dataarray[num][i-r];}}} | ||
+ | |||
+ | // function writevar (num) | ||
+ | // { | ||
+ | // | ||
+ | // | ||
+ | // | ||
function showoptions(num) | function showoptions(num) | ||
- | { for (var i=1; i<= | + | { for (var i=1; i<=12; i++) { |
document.getElementById(i).style.display = "none"; | document.getElementById(i).style.display = "none"; | ||
} | } | ||
Line 60: | Line 69: | ||
<map name="gui-functions"> | <map name="gui-functions"> | ||
- | <area shape="poly" coords=" | + | <area shape="poly" coords="193,52,193,52,197,45,201,42,206,39,214,38,219,40,224,42,229,46,232,51,241,54,250,58,260,63,266,68,268,73,261,87,254,91,250,90,242,85,233,80,231,80,223,76,219,79,214,79,210,80,206,79,202,77,198,74,194,67,192,58,193,56" |
href="javascript:showoptions(1)" alt="shRNAmir" /> | href="javascript:showoptions(1)" alt="shRNAmir" /> | ||
- | <area shape="poly" coords="264,97,265,98, | + | <area shape="poly" coords="264,97,265,98,267,123,273,118,288,138,291,140,295,139,322,125,323,122,323,118,319,114,315,114,311,115,295,124,292,119,284,109,289,104,265,97" |
- | href="javascript:showoptions( | + | href="javascript:showoptions(2)" alt="Promoter_1" /> |
- | <area shape="poly" coords=" | + | <area shape="poly" coords="296,152,297,153,298,149,325,138,330,138,333,140,337,151,339,159,342,172,348,172,339,199,321,175,328,175,326,167,325,162,323,155,319,155,306,161,300,161,296,159,296,154" |
- | href="javascript:showoptions( | + | href="javascript:showoptions(3)" alt="Promoter_2" /> |
- | <area shape="poly" coords=" | + | <area shape="poly" coords="305,213,306,214,307,210,311,209,346,212,349,215,349,220,348,230,346,238,342,240,335,242,335,244,338,247,342,253,339,262,336,268,333,274,328,275,313,267,297,259,294,256,296,252,299,244,302,235,304,225,306,215" |
- | href="javascript:showoptions( | + | href="javascript:showoptions(4)" alt="Operator" /> |
- | <area shape="poly" coords=" | + | <area shape="poly" coords="287,268,290,268,304,276,313,282,313,289,304,300,296,311,283,322,270,331,256,339,259,345,259,349,211,338,240,297,244,308,251,304,260,297,269,290,277,281,286,269" |
- | href="javascript:showoptions( | + | href="javascript:showoptions(5)" alt="miGene" /> |
- | <area shape="poly" coords=" | + | <area shape="poly" coords="134,316,135,317,149,321,162,323,167,327,170,325,183,325,193,324,197,326,199,329,200,339,201,355,197,357,177,357,176,360,174,363,172,365,167,366,161,367,157,365,154,361,152,358,152,354,143,353,134,351,126,348,123,346,121,342,123,336,127,325,130,319,132,317" |
- | href="javascript:showoptions( | + | href="javascript:showoptions(6)" alt="shR_BS" /> |
- | <area shape="poly" coords=" | + | <area shape="poly" coords="72,268,73,269,79,275,85,282,92,290,97,294,97,297,100,297,106,301,117,308,121,312,121,316,110,337,106,339,102,338,87,327,85,330,80,331,75,331,72,329,69,327,66,323,65,318,67,314,68,311,62,306,58,301,54,296,50,291,48,286,51,282,58,278,66,271,70,269" |
- | href="javascript:showoptions( | + | href="javascript:showoptions(7)" alt="miR_BS" /> |
- | <area shape="poly" coords=" | + | <area shape="poly" coords="96,83,97,84,87,130,79,124,77,126,75,129,72,134,69,140,66,146,63,152,60,160,58,170,55,176,52,179,46,178,38,176,31,176,28,174,25,171,25,162,28,153,32,141,37,130,43,119,49,109,56,100,48,92,90,84" |
- | href="javascript:showoptions( | + | href="javascript:showoptions(8)" alt="Reference" /> |
- | <area shape="poly" coords=" | + | <area shape="poly" coords="444,112,445,113,445,107,444,104,439,101,432,97,425,93,419,89,415,87,412,88,407,93,406,98,403,104,401,110,400,117,399,124,392,124,403,152,420,127,414,127,414,122,414,117,415,113,417,106,417,104,420,105,425,108,431,111,436,115,441,114" |
- | href="javascript:showoptions( | + | href="javascript:showoptions(9)" alt="tet-R_Promoter" /> |
+ | <area shape="poly" coords="410,168,411,169,412,165,434,158,438,157,440,159,444,166,447,171,452,177,458,183,464,187,468,191,475,194,478,194,478,183,520,212,478,239,478,228,472,227,465,225,460,222,455,220,449,217,441,212,433,205,426,198,422,192,417,186,413,178,410,172,409,169" | ||
+ | href="javascript:showoptions(10)" alt="tet-Repressor" /> | ||
+ | <area shape="poly" coords="527,191,528,192,535,186,542,181,547,176,550,172,554,172,553,167,556,163,559,155,561,148,561,146,577,148,592,152,593,157,591,163,589,167,588,171,587,174,587,176,590,180,590,185,590,189,589,193,587,196,585,198,582,200,579,202,576,202,572,200,569,200,566,203,564,206,561,209,558,211,552,215,547,217,543,220,541,221,538,219,536,214,533,210,530,203,527,198,527,193" | ||
+ | href="javascript:showoptions(11)" alt="tet-miR_BS" /> | ||
+ | <area shape="poly" coords="421,303,422,304,446,311,462,332,462,359,448,380,422,388,397,380,381,359,381,332,397,311,421,303" | ||
+ | href="javascript:showoptions(12)" alt="Virus" /> | ||
</map> | </map> | ||
<p id="desc"></p> | <p id="desc"></p> | ||
Line 84: | Line 99: | ||
<div id="anzeige"> | <div id="anzeige"> | ||
<table> | <table> | ||
- | <tr id="outform1" class="formoutput"><td>shRNAmir: | + | <tr id="outform1" class="formoutput"><td>shRNAmir:<form name="formout1"> |
- | + | <input name="output1" type="text" size="30" maxlength="30"> | |
- | + | </form></td></tr> | |
- | <tr id="outform2" class="formoutput"><td> | + | <tr id="outform2" class="formoutput"><td>Promoter 1:<form name="formout2"> |
- | + | <input name="output2" type="text" size="30" maxlength="30"> | |
- | + | </form></td></tr> | |
- | <tr id="outform3" class="formoutput"><td> | + | <tr id="outform3" class="formoutput"><td>Promoter 2:<form name="formout3"> |
- | + | <input name="output3" type="text" size="30" maxlength="30"> | |
- | + | </form></td></tr> | |
- | <tr | + | <tr id="outform4" class="formoutput"><td>Operator:<form name="formout4"> |
- | + | <input name="output4" type="text" size="30" maxlength="30"> | |
- | + | </form></td></tr> | |
- | <tr id="outform5" class="formoutput"><td> | + | <tr id="outform5" class="formoutput"><td>miGene:<form name="formout5"> |
- | + | <input name="output5" type="text" size="30" maxlength="30"> | |
- | + | </form></td></tr> | |
- | <tr id="outform6" class="formoutput"><td> | + | <tr id="outform6" class="formoutput"><td>shR_BS:<form name="formout6"> |
- | + | <input name="output6" type="text" size="30" maxlength="30"> | |
- | + | </form></td></tr> | |
- | + | <tr id="outform7" class="formoutput"><td>miRNA_BS:<form name="formout7"> | |
- | + | Target: <br/><select name="miRBStarget"> | |
- | + | <option value='hsa_AML-HL60'>hsa_AML-HL60</option> | |
- | + | <option value='hsa_AML-Kas1'>hsa_AML-Kas1</option> | |
- | <tr id=" | + | <option value='hsa_AML-THP1'>hsa_AML-THP1</option> |
- | + | <option value='hsa_AML1-d0'>hsa_AML1-d0</option> | |
- | + | <option value='hsa_AML1-d29'>hsa_AML1-d29</option> | |
- | <tr id=" | + | <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> | |
- | <tr id=" | + | <option value='hsa_AML3-d29'>hsa_AML3-d29</option> |
- | + | </select><br/> | |
- | + | Off-Target: <br/><select name="miRBSofftarget[]" size="4" multiple> | |
+ | <option value='hsa_AML-HL60'>hsa_AML-HL60</option> | ||
+ | <option value='hsa_AML-Kas1'>hsa_AML-Kas1</option> | ||
+ | <option value='hsa_AML-THP1'>hsa_AML-THP1</option> | ||
+ | <option value='hsa_AML1-d0'>hsa_AML1-d0</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><br/> | ||
+ | On: <input type="radio" name="miRBSonofftarget" value="on" > | ||
+ | Off:<input type="radio" name="miRBSonofftarget" value="off"><br/> | ||
+ | Treshold: <br><input name="outmiRBStreshold" type="text" size="30" maxlength="30"> | ||
+ | </form></td></tr> | ||
+ | <tr id="outform8" class="formoutput"><td>Reference:<form name="formout8"> | ||
+ | <input name="output8" type="text" size="30" maxlength="30"> | ||
+ | </form></td></tr> | ||
+ | <tr id="outform9" class="formoutput"><td>tet-Promotor:<form name="formout9"> | ||
+ | <input name="output9" type="text" size="30" maxlength="30"> | ||
+ | </form></td></tr> | ||
+ | <tr id="outform10" class="formoutput"><td>tet-Repressor:<form name="formout10"> | ||
+ | <input name="output10" type="text" size="30" maxlength="30"> | ||
+ | </form></td></tr> | ||
+ | <tr id="outform11" class="formoutput"><td>tet-miR_BS:<form name="formout11"> | ||
+ | <input name="output11" type="text" size="30" maxlength="30"> | ||
+ | </form></td></tr> | ||
+ | <tr id="outform12" class="formoutput"><td>Virus:<form name="formout12"> | ||
+ | <input name="output12" type="text" size="30" maxlength="30"> | ||
+ | </form></td></tr> | ||
</table></div> | </table></div> | ||
</div> | </div> | ||
Line 127: | Line 171: | ||
<form name="form1"> | <form name="form1"> | ||
Variable1 | Variable1 | ||
- | < | + | <forFm> |
<select name="menu"> | <select name="menu"> | ||
<option value="aaaa">aaaa</option> | <option value="aaaa">aaaa</option> | ||
Line 134: | Line 178: | ||
<option value="dddd">dddd</option> | <option value="dddd">dddd</option> | ||
<option value="eeee">eeee</option> | <option value="eeee">eeee</option> | ||
- | </select | + | </select> |
<input type="button" value="Submit" onClick="getvar(1)"></form></td> | <input type="button" value="Submit" onClick="getvar(1)"></form></td> | ||
</tr> | </tr> | ||
<tr id="2" class="forms"><td> | <tr id="2" class="forms"><td> | ||
- | |||
<form name="form2"> | <form name="form2"> | ||
- | <p> | + | <p>Choose your first promoter</p> |
+ | <select name="menu"> | ||
+ | <option value="possibility_1a">possibility_1a</option> | ||
+ | <option value="possibility_2a">possibility_2a</option> | ||
+ | <option value="possibility_3a">possibility_3a</option> | ||
+ | <option value="possibility_4a">possibility_4a</option> | ||
+ | <option value="possibility_5a">possibility_5a</option> | ||
+ | </select> | ||
<input type="button" value="Submit" onClick="getvar(2);"></form> | <input type="button" value="Submit" onClick="getvar(2);"></form> | ||
- | + | </td></tr> | |
<tr id="3" class="forms"><td> | <tr id="3" class="forms"><td> | ||
- | |||
<form name="form3"> | <form name="form3"> | ||
- | <p> | + | <p>Choose your second promoter</p> |
+ | <select name="menu"> | ||
+ | <option value="possibility_1b">possibility_1b</option> | ||
+ | <option value="possibility_2b">possibility_2b</option> | ||
+ | <option value="possibility_3b">possibility_3b</option> | ||
+ | <option value="possibility_4b">possibility_4b</option> | ||
+ | <option value="possibility_5b">possibility_5b</option> | ||
+ | </select> | ||
<input type="button" value="Submit" onClick="getvar(3);"></form> | <input type="button" value="Submit" onClick="getvar(3);"></form> | ||
</td></tr> | </td></tr> | ||
Line 152: | Line 208: | ||
<p>Text Text Text Text <br> Text Text Text Text <br></p> | <p>Text Text Text Text <br> Text Text Text Text <br></p> | ||
<form name="form4"> | <form name="form4"> | ||
- | <p> | + | <p>Variable3<br><input name="variable3" type="text" size="30" maxlength="30"></p> |
<input type="button" value="Submit" onClick="getvar(4)"></form> | <input type="button" value="Submit" onClick="getvar(4)"></form> | ||
</td></tr> | </td></tr> | ||
Line 158: | Line 214: | ||
<p>Text Text Text Text <br> Text Text Text Text <br></p> | <p>Text Text Text Text <br> Text Text Text Text <br></p> | ||
<form name="form5"> | <form name="form5"> | ||
- | <p> | + | <p>Variable4<br><input name="variable4" type="text" size="30" maxlength="30"></p> |
<input type="button" value="Submit" onClick="getvar(5);"></form> | <input type="button" value="Submit" onClick="getvar(5);"></form> | ||
</td></tr> | </td></tr> | ||
<tr id="6" class="forms"><td> | <tr id="6" class="forms"><td> | ||
- | <p> | + | <p>Text Text Text Text <br> Text Text Text Text <br></p> |
<form name="form6"> | <form name="form6"> | ||
+ | <p>Variable5<br><input name="variable6" type="text" size="30" maxlength="30"></p> | ||
+ | <input type="button" value="Submit" onClick="getvar(6);"></form> | ||
+ | </td></tr> | ||
+ | <tr id="7" class="forms"><td> | ||
+ | <p>miRBS<br></p> | ||
+ | <form name="form7"> | ||
<p>Choose your Target:<br><select name="miRBStarget"> | <p>Choose your Target:<br><select name="miRBStarget"> | ||
<option value='hsa_AML-HL60'>hsa_AML-HL60</option> | <option value='hsa_AML-HL60'>hsa_AML-HL60</option> | ||
Line 177: | Line 239: | ||
</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='hsa_AML-HL60'>hsa_AML-HL60</option> | + | <option value='hsa_AML-HL60'>hsa_AML-HL60</option> |
- | <option value='hsa_AML-Kas1'>hsa_AML-Kas1</option> | + | <option value='hsa_AML-Kas1'>hsa_AML-Kas1</option> |
- | <option value='hsa_AML-THP1'>hsa_AML-THP1</option> | + | <option value='hsa_AML-THP1'>hsa_AML-THP1</option> |
- | <option value='hsa_AML1-d0'>hsa_AML1-d0</option> | + | <option value='hsa_AML1-d0'>hsa_AML1-d0</option> |
- | <option value='hsa_AML1-d29'>hsa_AML1-d29</option> | + | <option value='hsa_AML1-d29'>hsa_AML1-d29</option> |
- | <option value='hsa_AML2-d0'>hsa_AML2-d0</option> | + | <option value='hsa_AML2-d0'>hsa_AML2-d0</option> |
- | <option value='hsa_AML2-d29'>hsa_AML2-d29</option> | + | <option value='hsa_AML2-d29'>hsa_AML2-d29</option> |
- | <option value='hsa_AML3-d0'>hsa_AML3-d0</option> | + | <option value='hsa_AML3-d0'>hsa_AML3-d0</option> |
- | <option value='hsa_AML3-d29'>hsa_AML3-d29</option> | + | <option value='hsa_AML3-d29'>hsa_AML3-d29</option> |
</select></p> | </select></p> | ||
Line 192: | Line 254: | ||
</p> | </p> | ||
<p>Set relative miRNA treshold<br><input name="miRBStreshold" type="text" size="20" maxlength="20" value="0.001"></p> | <p>Set relative miRNA treshold<br><input name="miRBStreshold" type="text" size="20" maxlength="20" value="0.001"></p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<input type="button" value="Submit" onClick="getvar(7);"></form> | <input type="button" value="Submit" onClick="getvar(7);"></form> | ||
</td></tr> | </td></tr> | ||
Line 203: | Line 259: | ||
<p>Text Text Text Text <br> Text Text Text Text <br></p> | <p>Text Text Text Text <br> Text Text Text Text <br></p> | ||
<form name="form8"> | <form name="form8"> | ||
- | <p> | + | <p>Variable6<br><input name="variable7" type="text" size="30" maxlength="30"></p> |
<input type="button" value="Submit" onClick="getvar(8);"></form> | <input type="button" value="Submit" onClick="getvar(8);"></form> | ||
</td></tr> | </td></tr> | ||
Line 209: | Line 265: | ||
<p>Text Text Text Text <br> Text Text Text Text <br></p> | <p>Text Text Text Text <br> Text Text Text Text <br></p> | ||
<form name="form9"> | <form name="form9"> | ||
- | <p> | + | <p>Variable7<br><input name="variable8" type="text" size="30" maxlength="30"></p> |
<input type="button" value="Submit" onClick="getvar(9);"></form> | <input type="button" value="Submit" onClick="getvar(9);"></form> | ||
+ | </td></tr> | ||
+ | <tr id="10" class="forms"><td> | ||
+ | <p>Text Text Text Text <br> Text Text Text Text <br></p> | ||
+ | <form name="form10"> | ||
+ | <p>Variable8<br><input name="variable9" type="text" size="30" maxlength="30"></p> | ||
+ | <input type="button" value="Submit" onClick="getvar(10);"></form> | ||
+ | </td></tr> | ||
+ | <tr id="11" class="forms"><td> | ||
+ | <p>Text Text Text Text <br> Text Text Text Text <br></p> | ||
+ | <form name="form11"> | ||
+ | <p>Variable9<br><input name="variable10" type="text" size="30" maxlength="30"></p> | ||
+ | <input type="button" value="Submit" onClick="getvar(11);"></form> | ||
+ | </td></tr> | ||
+ | <tr id="12" class="forms"><td> | ||
+ | <p>Text Text Text Text <br> Text Text Text Text <br></p> | ||
+ | <form name="form12"> | ||
+ | <p>Variable10<br><input name="variable11" type="text" size="30" maxlength="30"></p> | ||
+ | <input type="button" value="Submit" onClick="getvar(12);"></form> | ||
</td></tr> | </td></tr> | ||
</table> | </table> |
Revision as of 11:55, 22 October 2010
|
|
||||||||||||||||||||||||||