Team:Heidelberg/Modeling/miGUI

From 2010.igem.org

(Difference between revisions)
(Replacing page with '{{:Team:Heidelberg/Single}} {{:Team:Heidelberg/Single_Pagetop|miGUI}} <html> <iframe id="frame_migui" border="1" frameborder="1" style="border:none; background:transparent; wi...')
 
(13 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Heidelberg/Top}}
+
{{:Team:Heidelberg/Single}}
-
{{:Team:Heidelberg/Key}}
+
{{:Team:Heidelberg/Single_Pagetop|miGUI}}
-
{{:Team:Heidelberg/Frame}}
+
<html>
<html>
-
<head>
+
<iframe id="frame_migui" border="1" frameborder="1" style="border:none; background:transparent; width:900px; height:1800px;" src="http://igem.bioquant.uni-heidelberg.de/igem_2010/gui.htm">Please enable iframes in your browser or use this link to <a href="http://igem.bioquant.uni-heidelberg.de/igem_2010/gui.html">miBEAT</a>
-
<style type="text/css">
+
</iframe>
-
#main_page {width: 635px; height: 900px; background:transparent;}
+
-
#area_map {width: 635px; height: 400px; }
+
-
.forms {display:none;}
+
-
.formoutput {display:none;}
+
-
#inputformtable {background:transparent;align:center;}
+
-
</style>
+
-
<script type="text/javascript">
+
-
var dataarray = new Array(9);
+
-
+
-
function getvar (num)
+
-
{
+
-
var r = 0;
+
-
var count=document.forms["form"+num].length-2;
+
-
dataarray[num] = new Array(count);
+
-
document.getElementById("outform"+num).style.display = "block";
+
-
+
-
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;
+
-
} else { r++ }
+
-
} else if (document.forms["form"+num].elements[i].type == 'select-multiple') {
+
-
dataarray[num][i-r] = ""
+
-
for(var j=0;j<document.forms["form"+num].elements[i].length;j++){
+
-
if (document.forms["form"+num].elements[i][j].selected == true ) {
+
-
dataarray[num][i-r] += document.forms["form"+num].elements[i][j].value + ";";
+
-
}
+
-
}
+
-
} else {
+
-
dataarray[num][i-r] = document.forms["form"+num].elements[i].value;
+
-
}
+
-
document.forms["formout"+num].elements[i-r].value = dataarray[num][i-r];
+
-
}
+
-
}
+
-
+
-
+
-
function showoptions(num)
+
-
{ for (var i=1; i<=9; i++) {
+
-
document.getElementById(i).style.display = "none";
+
-
}
+
-
document.getElementById(num).style.display = "block";
+
-
}
+
-
 
+
-
</script>
+
-
</head>
+
</html>
</html>
-
{{:Team:Heidelberg/Pagetop|miGUI}}
 
-
<html>
+
{{:Team:Heidelberg/Single_Bottom}}
-
<body>
+
-
<a href="javascript:klick()">klick</a>
+
-
<div id="main_page">
+
-
<div id="area_map">
+
-
<img style="border:none" src="https://static.igem.org/mediawiki/2010/7/7c/MiGUI.png" alt="GUI_Picture" usemap="#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"
+
-
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"
+
-
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"
+
-
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"
+
-
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"
+
-
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"
+
-
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"
+
-
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"
+
-
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"
+
-
href="javascript:showoptions(9)" alt="Operator" />
+
-
</map>
+
-
<p id="desc"></p>
+
-
</div>
+
-
 
+
-
<div id="anzeige">
+
-
<table>
+
-
<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>Promoter1:
+
-
<form name="formout2"><input name="output2" type="text" size="30" maxlength="30">
+
-
</form></td></tr>
+
-
<tr id="outform3" class="formoutput"><td>Promoter2:
+
-
<form name="formout3"><input name="output3" type="text" size="30" maxlength="30">
+
-
</form></td></tr>
+
-
<tr  id="outform4" class="formoutput"><td>miGene:
+
-
<form name="formout4"><input name="output4" type="text" size="30" maxlength="30">
+
-
</form></td></tr>
+
-
<tr id="outform5" class="formoutput"><td>shR_BS:
+
-
<form name="formout5"><input name="output5" type="text" size="30" maxlength="30">
+
-
</form></td></tr>
+
-
<tr id="outform6" class="formoutput"><td>miRNA_BS:
+
-
<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>
+
-
<tr id="outform7" class="formoutput"><td>Reference:
+
-
<form name="formout7"><input name="output7" type="text" size="30" maxlength="30">
+
-
</form></td></tr>
+
-
<tr id="outform8" class="formoutput"><td>Virus:
+
-
<form name="formout8"><input name="output8" type="text" size="30" maxlength="30">
+
-
</form></td></tr>
+
-
<tr id="outform9" class="formoutput"><td>Operator:
+
-
<form name="formout9"><input name="output9" type="text" size="30" maxlength="30">
+
-
</form></td></tr>
+
-
</table></div>
+
-
</div>
+
-
</html>
+
-
{{:Team:Heidelberg/Pagemiddle}}
+
-
<html>
+
-
 
+
-
 
+
-
<table id="inputformtable" cellpadding="0" cellspacing="0">
+
-
<tr id="1" class="forms"><td>
+
-
Text Text Text Text <br> Text Text Text Text
+
-
<form name="form1">
+
-
Variable1
+
-
<form>
+
-
<select name="menu">
+
-
<option value="aaaa">aaaa</option>
+
-
<option value="bbbb">bbbb</option>
+
-
<option value="cccc">cccc</option>
+
-
<option value="dddd">dddd</option>
+
-
<option value="eeee">eeee</option>
+
-
</select></form>
+
-
<input type="button" value="Submit" onClick="getvar(1)"></form></td>
+
-
</tr>
+
-
<tr id="2" class="forms"><td>
+
-
<p>Text Text Text Text <br> Text Text Text Text <br></p>
+
-
<form name="form2">
+
-
<p>Variable2<br><input name="variable2" type="text" size="30" maxlength="30"></p>
+
-
<input type="button" value="Submit" onClick="getvar(2);"></form>
+
-
</td></tr>
+
-
<tr id="3" class="forms"><td>
+
-
<p>Text Text Text Text <br> Text Text Text Text <br></p>
+
-
<form name="form3">
+
-
<p>Variable3<br><input name="variable3" type="text" size="30" maxlength="30"></p>
+
-
<input type="button" value="Submit" onClick="getvar(3);"></form>
+
-
</td></tr>
+
-
<tr id="4" class="forms"><td>
+
-
<p>Text Text Text Text <br> Text Text Text Text <br></p>
+
-
<form name="form4">
+
-
<p>Variable4<br><input name="variable4" type="text" size="30" maxlength="30"></p>
+
-
<input type="button" value="Submit" onClick="getvar(4)"></form>
+
-
</td></tr>
+
-
<tr id="5" class="forms"><td>
+
-
<p>Text Text Text Text <br> Text Text Text Text <br></p>
+
-
<form name="form5">
+
-
<p>Variable5<br><input name="variable5" type="text" size="30" maxlength="30"></p>
+
-
<input type="button" value="Submit" onClick="getvar(5);"></form>
+
-
</td></tr>
+
-
<tr id="6" class="forms"><td>
+
-
<p>miRBS<br></p>
+
-
<form name="form6">
+
-
<p>Choose your Target:<br><select name="miRBStarget">
+
-
<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></p>
+
-
<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-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></p>
+
-
<p> <input type="radio" name="miRBSonofftarget" value="on"> On-Targeting
+
-
<input type="radio" name="miRBSonofftarget" value="off"> Off-Targeting
+
-
</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(6);"></form>
+
-
</td></tr>
+
-
<tr id="7" class="forms"><td>
+
-
<p>Text Text Text Text <br> Text Text Text Text <br></p>
+
-
<form name="form7">
+
-
<p>Variable7<br><input name="variable7" type="text" size="30" maxlength="30"></p>
+
-
<input type="button" value="Submit" onClick="getvar(7);"></form>
+
-
</td></tr>
+
-
<tr id="8" class="forms"><td>
+
-
<p>Text Text Text Text <br> Text Text Text Text <br></p>
+
-
<form name="form8">
+
-
<p>Variable8<br><input name="variable8" type="text" size="30" maxlength="30"></p>
+
-
<input type="button" value="Submit" onClick="getvar(8);"></form>
+
-
</td></tr>
+
-
<tr id="9" class="forms"><td>
+
-
<p>Text Text Text Text <br> Text Text Text Text <br></p>
+
-
<form name="form9">
+
-
<p>Variable9<br><input name="variable9" type="text" size="30" maxlength="30"></p>
+
-
<input type="button" value="Submit" onClick="getvar(9);"></form>
+
-
</td></tr>
+
-
</table>
+
-
 
+
-
</body>
+
-
</html>
+
-
{{:Team:Heidelberg/Bottom}}
+

Latest revision as of 02:49, 28 October 2010