Team:Valencia Biocampus/Modeling temp2
From 2014.igem.org
(Difference between revisions)
Line 6: | Line 6: | ||
<html> | <html> | ||
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/bootstrap-slider&action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/bootstrap-slider&action=raw&ctype=text/css" /> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/bootstrap-slider&action=raw&ctype=text/javascript"></script> | ||
+ | |||
<div class="container withBackground"> | <div class="container withBackground"> | ||
<ul id="myTab" class="nav nav-tabs" data-tabs="tabs"> | <ul id="myTab" class="nav nav-tabs" data-tabs="tabs"> | ||
Line 22: | 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=""/> | Type a probability value: <input type="text" name="textbox1" id="textbox1" value=""/> | ||
+ | <input id="ex4" type="text" data-slider-min="-5" data-slider-max="20" data-slider-step="1" data-slider-value="-3" data-slider-orientation="vertical"/> | ||
+ | |||
+ | |||
<input type="submit" name="button" id="button1" onclick="CE()" value="generate chain" /> | <input type="submit" name="button" id="button1" onclick="CE()" value="generate chain" /> | ||
<br/> | <br/> | ||
Calculated chain is: <p id="output"></p> | Calculated chain is: <p id="output"></p> | ||
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/ModelingApp&action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/ModelingApp&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | // With JQuery | ||
+ | $("#ex4").slider({ | ||
+ | reversed : true | ||
+ | }); | ||
+ | // Without JQuery | ||
+ | var slider = new Slider("#ex4", { | ||
+ | reversed : true | ||
+ | }); | ||
+ | </script> | ||
</div> | </div> | ||
Revision as of 17:22, 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