Team:Heidelberg/Modeling/miGUI

From 2010.igem.org

(Difference between revisions)
(New page: {{:Team:Heidelberg/Top}} {{:Team:Heidelberg/Key}} {{:Team:Heidelberg/Frame}} <html> <head> <style type="text/css"> #main_page {width: 950px; height: 1000px; background:transparent;} #ar...)
Line 6: Line 6:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
#main_page {width: 950px; height: 1000px; background:transparent;}
+
#main_page {width: 600px; height: 600px; background:transparent;}
#area_map {width: 600px; height: 380px; }
#area_map {width: 600px; height: 380px; }
-
.forms {visibility:hidden; width: 300px; height: 580px;}
+
.forms {visibility:collapse;}
-
#anzeige {width: 600px; height: 200px;}
+
.formoutput {visibility:collapse;}
.formoutput {visibility:collapse;}
 +
#inputformtable {background:transparent;align:center;}
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
Line 24: Line 24:
function one(num)
function one(num)
{ for (var i=1; i<=9; i++) {
{ for (var i=1; i<=9; i++) {
-
document.getElementById(i).style.visibility = "hidden";}
+
document.getElementById(i).style.visibility = "collapse";
-
document.getElementById(num).style.visibility = "visible";}
+
}
 +
document.getElementById(num).style.visibility = "visible";
 +
}
</script>
</script>
Line 33: Line 35:
<html>
<html>
-
<body>
+
<div class="t1">miGUI</div>
 +
 
 +
 
<div id="main_page">
<div id="main_page">
<div id="area_map">
<div id="area_map">
Line 91: Line 95:
</form></td></tr>
</form></td></tr>
</table></div>
</table></div>
-
+
</div>
</html>
</html>
{{:Team:Heidelberg/Pagemiddle}}
{{:Team:Heidelberg/Pagemiddle}}
Line 97: Line 101:
-
 
+
<table id="inputformtable" cellpadding="0" cellspacing="0">
-
<div id="1" class="forms">
+
<tr id="1" class="forms"><td>
-
<p>Text Text Text Text <br> Text Text Text Text <br></p>
+
Text Text Text Text <br> Text Text Text Text
<form name="form1">
<form name="form1">
-
<p>Variable1<br>
+
Variable1
-
<form action="select.htm"><p>
+
<form action="select.htm">
<select name="variable1" size="3">
<select name="variable1" size="3">
<option>aaaa</option>
<option>aaaa</option>
Line 109: Line 113:
<option>dddd</option>
<option>dddd</option>
<option>eeee</option>
<option>eeee</option>
-
</select></p></form>
+
</select></form>
-
<input type="button" value="Submit" onClick="getvar(1)"></form>
+
<input type="button" value="Submit" onClick="getvar(1)"></form></td>
-
</div>
+
</tr>
-
<div id="2" class="forms">
+
<tr id="2" class="forms"><td>
<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="form2">
<form name="form2">
<p>Variable2<br><input name="variable2" type="text" size="30" maxlength="30"></p>
<p>Variable2<br><input name="variable2" type="text" size="30" maxlength="30"></p>
<input type="button" value="Submit" onClick="getvar(2);"></form>
<input type="button" value="Submit" onClick="getvar(2);"></form>
-
</div>
+
</td></tr>
-
<div id="3" class="forms">
+
<tr id="3" class="forms"><td>
<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="form3">
<form name="form3">
<p>Variable3<br><input name="variable3" type="text" size="30" maxlength="30"></p>
<p>Variable3<br><input name="variable3" type="text" size="30" maxlength="30"></p>
<input type="button" value="Submit" onClick="getvar(3);"></form>
<input type="button" value="Submit" onClick="getvar(3);"></form>
-
</div>
+
</td></tr>
-
<div id="4" class="forms">
+
<tr id="4" class="forms"><td>
<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>Variable4<br><input name="variable4" type="text" size="30" maxlength="30"></p>
<p>Variable4<br><input name="variable4" 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>
-
</div>
+
</td></tr>
-
<div id="5" class="forms">
+
<tr id="5" class="forms"><td>
<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>Variable5<br><input name="variable5" type="text" size="30" maxlength="30"></p>
<p>Variable5<br><input name="variable5" 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>
-
</div>
+
</td></tr>
-
<div id="6" class="forms">
+
<tr id="6" class="forms"><td>
<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="form6">
<form name="form6">
<p>Variable6<br><input name="variable6" type="text" size="30" maxlength="30"></p>
<p>Variable6<br><input name="variable6" type="text" size="30" maxlength="30"></p>
<input type="button" value="Submit" onClick="getvar(6);"></form>
<input type="button" value="Submit" onClick="getvar(6);"></form>
-
</div>
+
</td></tr>
-
<div id="7" class="forms">
+
<tr id="7" class="forms"><td>
<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="form7">
<form name="form7">
<p>Variable7<br><input name="variable7" type="text" size="30" maxlength="30"></p>
<p>Variable7<br><input name="variable7" type="text" size="30" maxlength="30"></p>
<input type="button" value="Submit" onClick="getvar(7);"></form>
<input type="button" value="Submit" onClick="getvar(7);"></form>
-
</div>
+
</td></tr>
-
<div id="8" class="forms">
+
<tr id="8" class="forms"><td>
<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>Variable8<br><input name="variable8" type="text" size="30" maxlength="30"></p>
<p>Variable8<br><input name="variable8" 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>
-
</div>
+
</td></tr>
-
<div id="9" class="forms">
+
<tr id="9" class="forms"><td>
<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>Variable9<br><input name="variable9" type="text" size="30" maxlength="30"></p>
<p>Variable9<br><input name="variable9" 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>
-
</div>
+
</td></tr>
-
+
</table>
 +
 
-
</div>
 
-
</body>
 
</html>
</html>
{{:Team:Heidelberg/Bottom}}
{{:Team:Heidelberg/Bottom}}

Revision as of 21:08, 14 October 2010

miGUI
GUI_Picture shRNAmir Promoter1 Promoter2 miGene shR_BS miR_BS Reference Virus Operator

shRNAmir:
Promoter1:
Promoter2:
miGene:
shR_BS:
miR_BS:
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

Text Text Text Text
Text Text Text Text

Variable6

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