Team:Heidelberg/Modeling/miGUI

From 2010.igem.org

(Difference between revisions)
Line 9: Line 9:
.lowerinputform {display:none;}
.lowerinputform {display:none;}
#rightformtable {background:transparent;align:center;}
#rightformtable {background:transparent;align:center;}
 +
#totaloutput {display:none;}
</style>
</style>
Line 39: Line 40:
for(var i=1;i<=12;i++) {
for(var i=1;i<=12;i++) {
if(document.getElementById("lowerinputform"+i).style.display = "none") {
if(document.getElementById("lowerinputform"+i).style.display = "none") {
-
+
readvar(i, "formout");
-
+
dataarray[1];
}
}
 +
}
}
 +
//document.getElementById("area_map").style.display = "none";
}
}
function specialcorrections() {
function specialcorrections() {
-
var dform = document.forms["giveinput7"];
+
var dformofftarget = document.forms["giveinput7"].elements["miRBSofftarget[]"]
-
var dformofftarget = dform.elements["miRBSofftarget[]"]
+
var targetmir = document.forms["giveinput7"].elements["miRBStarget"].value
var targetmir = document.forms["giveinput7"].elements["miRBStarget"].value
for (var j=0;j<dformofftarget.length;j++){
for (var j=0;j<dformofftarget.length;j++){
Line 57: Line 59:
}
}
-
function readvar(num) {
+
function readvar(num, target) {
var r = 0;
var r = 0;
-
var countinput=dforms["giveinput"+num].length-2;
+
var countinput=dforms[target+num].length-1;
dataarray[num] = new Array(countinput);
dataarray[num] = new Array(countinput);
-
d.getElementById("lowerinputform"+num).style.display = "block";
+
var dformsnr = dforms[target+num];
-
var dformsnr = dforms["giveinput"+num];
+
-
for (var i=0; i<=countinput; i++) {
+
for (var i=0; i<countinput; i++) {
dformsnrelement = dformsnr.elements[i];
dformsnrelement = dformsnr.elements[i];
Line 94: Line 95:
}
}
-
function writevar(num, scriptoutput) {
+
function writevar(num, target, scriptoutput) {
-
var countoutput=dforms["formout"+num].length-1;
+
var r = 0;
var r = 0;
-
var dformsnr = dforms["formout"+num];
+
var dformsnr = dforms[target+num];
-
for (var i=0; i<=countoutput; i++) {
+
var countoutput=dformsnr.length;
 +
for (var i=0; i<countoutput; i++) {
dformsnrelement = dformsnr.elements[i];
dformsnrelement = dformsnr.elements[i];
Line 120: Line 121:
}  
}  
else {
else {
-
document.forms["formout"+num].elements[i].value = dataarray[num][i-r];
+
dformsnrelement.value = dataarray[num][i-r];
}
}
Line 129: Line 130:
function getvar (num) {
function getvar (num) {
var scriptoutput;
var scriptoutput;
 +
d.getElementById("lowerinputform"+num).style.display = "block";
specialcorrections();
specialcorrections();
-
readvar(num);
+
readvar(num, "giveinput");
switch (num) {
switch (num) {
case 7: scriptoutput = 'http://igem.bioquant.uni-heidelberg.de/cgi-bin/igem_2010/aastha.pl?miRBStarget=' + dataarray[num][0] + '&miRBSofftarget=' + dataarray[num][1] + '&miRBSonofftarget=' + dataarray[num][2] + '&outmiRBStreshold=' + dataarray[num][3];
case 7: scriptoutput = 'http://igem.bioquant.uni-heidelberg.de/cgi-bin/igem_2010/aastha.pl?miRBStarget=' + dataarray[num][0] + '&miRBSofftarget=' + dataarray[num][1] + '&miRBSonofftarget=' + dataarray[num][2] + '&outmiRBStreshold=' + dataarray[num][3];
Line 137: Line 139:
}
}
-
writevar(num, scriptoutput);
+
writevar(num, "formout", scriptoutput);
 +
d.getElementById("totaloutput").style.display ="block";
}
}
Line 163: Line 166:
<html>
<html>
<body>
<body>
 +
<a href="javascript:click()">click</a>
<div id="main_page">
<div id="main_page">
<div id="area_map">
<div id="area_map">
Line 197: Line 201:
<div id="chooseoptions">
<div id="chooseoptions">
-
<form name="totaloutput">
+
 
<table>
<table>
<tr id="lowerinputform1" class="lowerinputform"><td>shRNAmir:<form name="formout1">
<tr id="lowerinputform1" class="lowerinputform"><td>shRNAmir:<form name="formout1">
<input name="output1" type="text" size="30" maxlength="30">
<input name="output1" type="text" size="30" maxlength="30">
</form>
</form>
-
 
+
-
<input id="output111" name="output11" type="text" size="30" maxlength="30">
+
</td></tr>
-
</td></tr>
+
<tr id="lowerinputform2" class="lowerinputform"><td>Promoter 1:<form name="formout2">
<tr id="lowerinputform2" class="lowerinputform"><td>Promoter 1:<form name="formout2">
<input name="output2" type="text" size="30" maxlength="30">
<input name="output2" type="text" size="30" maxlength="30">
Line 265: Line 268:
</form></td></tr>
</form></td></tr>
</table>
</table>
 +
<form id="totaloutput" name="totaloutput">
<input type="button" value="Submit" onClick="sendall()">
<input type="button" value="Submit" onClick="sendall()">
</form>
</form>
Line 272: Line 276:
{{:Team:Heidelberg/Pagemiddle}}
{{:Team:Heidelberg/Pagemiddle}}
<html>
<html>
 +
<table id="rightformtable" cellpadding="0" cellspacing="0">
<table id="rightformtable" cellpadding="0" cellspacing="0">
<tr id="rightinputform1" class="forms"><td>
<tr id="rightinputform1" class="forms"><td>
-
asdfasdfText Text Text Text <br> Text Text Text Text
 
<form name="giveinput1">
<form name="giveinput1">
-
Variable1
+
<p>Give shRNAmiR</p>
-
<forFm>
+
<select name="menu">
-
<select name="selectshRNA">
+
<option value="aaaa">aaaa</option>
<option value="aaaa">aaaa</option>
<option value="bbbb">bbbb</option>
<option value="bbbb">bbbb</option>
Line 287: Line 290:
<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>
-
</tr>
+
</td></tr>
<tr id="rightinputform2" class="forms"><td>
<tr id="rightinputform2" class="forms"><td>
<form name="giveinput2">
<form name="giveinput2">

Revision as of 00:42, 24 October 2010

click

GUI_Picture shRNAmir Promoter_1 Promoter_2 Operator miGene shR_BS miR_BS Reference tet-R_Promoter tet-Repressor tet-miR_BS Virus

shRNAmir:
Promoter 1:
Promoter 2:
Operator:
miGene:
shR_BS:
miRNA_BS:
Target:

Off-Target:

On: Off:
Treshold:
Reference:
tet-Promotor:
tet-Repressor:
tet-miR_BS:
Virus:

Give shRNAmiR

Choose your first promoter

Choose your second promoter

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

miRBS

Choose your Target:

Choose your Off-Targets:

On-Targeting Off-Targeting

Set relative miRNA treshold

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

Text Text Text Text
Text Text Text Text

Variable10