|
|
(15 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();
| + | |
- | | + | |
- | function getvar (num)
| + | |
- | {
| + | |
- | dataarray[num] = document.forms["form"+num].elements[0].value;
| + | |
- | document.getElementById("outform"+num).style.display = "block";
| + | |
- | document.forms["formout"+num].elements[0].value = dataarray[num];}
| + | |
- |
| + | |
- | function one(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>
| + | |
- | <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:one(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:one(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:one(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:one(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:one(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:one(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:one(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:one(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: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>
| + | |
- | <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="1">aaaa</option>
| + | |
- | <option value="2">bbbb</option>
| + | |
- | <option value="3">cccc</option>
| + | |
- | <option value="4">dddd</option>
| + | |
- | <option value="5">eeee</option>
| + | |
- | </select></p>
| + | |
- | <p>Choose your Off-Targets:<br><select name="miRBSofftarget" size="4" multiple>
| + | |
- | <option value="1">aaaa</option>
| + | |
- | <option value="2">bbbb</option>
| + | |
- | <option value="3">cccc</option>
| + | |
- | <option value="4">dddd</option>
| + | |
- | <option value="5">eeee</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}} | + | |