Team:Valencia Biocampus/Modeling temp2
From 2014.igem.org
(Difference between revisions)
Line 24: | Line 24: | ||
<div class="col-sm-8 center-block"> | <div class="col-sm-8 center-block"> | ||
Type a probability value: <input type="text" name="textbox1" id="textbox1" value="25"/> | Type a probability value: <input type="text" name="textbox1" id="textbox1" value="25"/> | ||
- | <input id="textbox2" type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="25" /> | + | <input type="text" name="textbox1" id="textbox2" value="25"/> |
+ | <input id="sliderApp" type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="25" /> | ||
<input type="submit" name="button" id="button1" onclick="CE()" value="generate chain" /> | <input type="submit" name="button" id="button1" onclick="CE()" value="generate chain" /> | ||
Line 32: | Line 33: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
// With JQuery | // With JQuery | ||
- | $("# | + | $("#sliderApp").slider({ |
formatter: function(value) { | formatter: function(value) { | ||
return value+'%'; | return value+'%'; | ||
} | } | ||
}); | }); | ||
- | $("# | + | $("#sliderApp").on("slide", function(slideEvt) { |
- | if(slideEvt.value | + | if(slideEvt.value === undefined) |
- | + | slideEvt.value = 0; | |
- | + | ||
- | + | $("#textbox1").val(slideEvt.value); | |
+ | $("#textbox2").val(100-slideEvt.value); | ||
+ | |||
+ | |||
+ | |||
}); | }); | ||
Revision as of 18:56, 13 October 2014
Modeling
Red
Type a probability value:
Calculated chain is:
Calculated chain is:
Orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
orange orange orange orange orange
Yellow
yellow yellow yellow yellow yellow
Green
green green green green green
Blue
blue blue blue blue blue