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...')
 
(24 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: 600px; height: 600px; background:transparent;}
+
-
#area_map {width: 600px; height: 380px; }
+
-
.forms {visibility:collapse;}
+
-
.formoutput {visibility:collapse;}
+
-
#inputformtable {background:transparent;align:center;}
+
-
</style>
+
-
<script type="text/javascript">
+
-
var dataarray = new Array();
+
-
 
+
-
function getvar (num)
+
-
{var f = document.forms["form"+num];
+
-
var v = f.elements[0];
+
-
dataarray[num] = v.value;
+
-
document.getElementById("outform"+num).style.visibility = "visible";
+
-
document.forms["formout"+num].elements[0].value = dataarray[num];}
+
-
+
-
function one(num)
+
-
{ for (var i=1; i<=9; i++) {
+
-
document.getElementById(i).style.visibility = "collapse";
+
-
}
+
-
document.getElementById(num).style.visibility = "visible";
+
-
}
+
-
 
+
-
</script>
+
-
</head>
+
</html>
</html>
-
{{:Team:Heidelberg/Pagetop|mi_GUI}}
 
-
<html>
+
{{:Team:Heidelberg/Single_Bottom}}
-
<div class="t1">miGUI</div>
+
-
 
+
-
 
+
-
<div id="main_page">
+
-
<div id="area_map">
+
-
<img style="border:none" src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/c/cc/GUI1.png" width="600" height="380" alt="GUI_Picture" usemap="#gui-functions" />
+
-
+
-
<map name="gui-functions">
+
-
<area shape="poly" coords="183,50,184,51,185,46,187,43,190,41,193,39,199,38,203,38,206,39,210,41,214,44,218,47,219,49,219,50,222,51,226,53,232,55,235,56,239,59,243,61,247,62,249,65,253,67,254,71,253,74,252,75,251,77,250,79,248,81,246,85,243,87,240,88,237,87,234,85,230,83,228,82,225,80,221,78,218,77,215,75,212,74,209,74,207,76,204,77,200,77,197,77,193,76,191,74,188,72,185,68,184,64,182,62,182,58,182,55,183,50"
+
-
href="javascript:one(1)" alt="shRNAmir" />
+
-
<area shape="poly" coords="251,95,251,95,251,97,251,97,251,105,252,107,252,111,252,113,253,117,253,118,256,114,258,113,261,116,262,118,264,120,266,124,268,127,270,130,272,134,275,135,281,133,285,131,289,129,293,126,298,125,304,122,306,119,306,116,305,114,304,111,302,109,299,109,297,109,294,111,291,112,289,114,285,116,282,117,280,118,278,119,276,116,274,112,272,110,270,107,267,105,269,104,271,102,273,100,270,99,265,98,261,97,257,96,253,95,250,94"
+
-
href="javascript:one(2)" alt="Promoter1" />
+
-
<area shape="poly" coords="280,153,281,154,279,150,279,147,280,145,283,142,288,140,292,138,298,136,304,134,308,132,311,132,313,133,315,135,317,138,319,144,320,148,320,151,322,155,322,159,323,162,323,165,327,165,329,165,329,167,329,169,328,172,326,175,325,180,324,184,322,186,320,190,318,187,316,185,313,182,311,179,308,175,306,172,304,170,304,168,306,168,308,168,309,167,310,164,310,162,308,159,307,156,307,153,307,150,305,148,304,148,300,149,296,150,294,152,290,154,288,155,285,156,282,155,281,154"
+
-
href="javascript:one(3)" alt="Promoter2" />
+
-
<area shape="poly" coords="274,255,278,254,273,255,271,259,269,260,268,262,265,266,262,268,260,271,256,274,254,277,252,280,249,281,247,284,244,285,241,288,238,290,236,291,233,291,232,288,231,286,230,283,230,282,226,286,225,289,223,291,222,293,219,297,217,299,214,304,212,306,210,309,207,313,204,317,203,318,203,321,207,322,209,322,215,323,220,324,224,325,227,326,231,327,235,329,239,329,243,330,249,332,249,330,247,327,247,324,246,322,249,320,252,318,254,316,258,314,264,311,269,307,273,303,277,299,281,295,284,291,289,287,292,283,295,278,298,275,299,272,299,269,297,266,294,265,289,262,285,258,282,256,279,254,277,253"
+
-
href="javascript:one(4)" alt="miGene" />
+
-
<area shape="poly" coords="184,309,183,308,177,308,173,308,165,308,160,308,156,308,151,307,144,306,139,305,133,303,128,301,126,300,123,302,121,304,120,308,118,311,116,318,114,320,113,324,113,328,115,329,118,331,120,332,125,333,128,334,133,335,136,337,139,337,142,337,143,339,144,342,145,344,146,346,149,348,151,348,154,350,157,349,162,349,164,346,166,344,167,341,167,339,171,339,174,340,179,339,185,339,187,338,189,337,189,334,189,330,189,327,188,322,188,318,187,316,187,313,185,310"
+
-
href="javascript:one(5)" alt="shR_BS" />
+
-
<area shape="poly" coords="67,257,67,257,64,258,62,259,60,260,58,262,55,263,52,265,48,267,46,269,45,271,45,274,47,277,49,279,52,282,54,285,56,287,58,289,60,292,62,294,64,295,63,298,63,301,62,303,63,306,64,309,65,311,68,313,71,315,73,315,78,316,81,314,82,312,85,313,89,316,92,318,95,320,97,322,100,322,102,321,105,319,107,315,109,312,111,308,112,305,114,301,115,299,114,296,111,294,107,292,104,289,101,287,97,284,94,282,91,279,87,276,84,272,81,270,79,267,77,263,73,260,71,257,70,256"
+
-
href="javascript:one(6)" alt="miR_BS" />
+
-
<area shape="poly" coords="91,81,92,82,87,81,83,82,80,83,76,83,73,84,69,84,64,85,60,86,58,86,56,87,52,87,47,89,46,90,47,92,50,94,51,95,52,96,51,98,49,100,48,102,46,105,44,108,42,111,41,113,40,115,38,118,36,121,35,124,34,126,32,129,31,132,30,135,29,138,28,142,27,146,26,149,25,151,24,156,24,159,23,163,24,166,26,167,30,168,35,169,39,169,43,170,47,171,51,171,52,170,53,167,54,163,55,160,56,157,57,153,59,149,59,147,60,144,62,140,63,136,65,133,67,130,69,128,71,125,72,122,74,119,77,122,79,124,81,126,82,126,82,124,83,121,83,118,85,114,86,110,86,108,87,104,88,99,89,94,90,90,91,87,91,84"
+
-
href="javascript:one(7)" alt="Reference" />
+
-
<area shape="poly" coords="399,288,398,288,376,295,361,315,361,340,376,361,399,369,423,361,437,342,437,315,422,295"
+
-
href="javascript:one(8)" alt="Virus" />
+
-
<area shape="poly" coords="292,200,293,201,290,201,288,204,288,209,287,213,286,218,285,224,283,228,282,233,280,236,278,239,279,245,281,247,284,249,288,251,291,253,295,255,299,257,303,259,306,261,311,262,329,262,348,262,360,261,385,260,398,257,411,252,422,247,440,241,452,234,456,232,472,224,484,222,494,217,504,215,512,212,521,207,526,204,530,201,534,197,537,195,541,195,545,194,551,193,556,189,560,184,559,174,558,170,555,165,558,160,561,153,560,146,558,135,556,121,553,108,550,99,544,89,539,79,531,70,518,60,505,53,496,50,488,48,473,46,465,45,458,46,447,48,436,52,429,54,424,57,416,62,409,66,403,70,398,75,394,79,391,80,386,84,384,88,381,93,379,99,375,108,372,116,371,120,369,125,369,135,368,143,367,153,366,166,360,175,354,182,345,195,334,199,327,202,321,201,317,202,312,201,304,200,297,199"
+
-
href="javascript:one(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>miR_BS:
+
-
<form name="formout6"><input name="output6" 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 action="select.htm">
+
-
<select name="variable1" size="3">
+
-
<option>aaaa</option>
+
-
<option>bbbb</option>
+
-
<option>cccc</option>
+
-
<option>dddd</option>
+
-
<option>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>Text Text Text Text <br> Text Text Text Text <br></p>
+
-
<form name="form6">
+
-
<p>Variable6<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>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>
+
-
 
+
-
 
+
-
</html>
+
-
{{:Team:Heidelberg/Bottom}}
+

Latest revision as of 02:49, 28 October 2010