Bootstrap Snippet Interface of fast similar function using HTML CSS Bootstrap Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
  <!-- Static navbar -->
      <!--<nav class="navbar navbar-default">-->
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Similar Data</a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="http://cistrome.org/db/#/">Back to CistromeDB</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>
<div class="jumbotron">
  <div class="container">
    <h2>Similar data seaching on CistromeDB</h2>
  <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.navbar {
  margin-bottom: 20px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function metChange(){
    var index = document.getElementById("met").selectedIndex;
    var met = document.getElementById("met").options[index].value;
    if (met == "range")
    {
        document.getElementById("pars").step = "0.01";
        document.getElementById("pars").min = "0.01";
        document.getElementById("pars").max = "0.95";
        document.getElementById("pars").value = "0.9";
        document.getElementById("pars").placeholder = "0.01~0.95";
    }else{
        document.getElementById("pars").step = "1";
        document.getElementById("pars").min = "1";
        document.getElementById("pars").max = "100";
        document.getElementById("pars").value = "20";
        document.getElementById("pars").placeholder = "1~100";
    }
}
function getQc(ids){
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("GET", "http://10.10.196.55:5000/getqc/, true)
    xmlhttp.setRequestHeader("Content_type", "application/json")
    xmlhttp.send("ids="+ids)
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Interface of fast similar function"
Bootstrap 3.3.0 Snippet by WChangson

Related: See More

Questions / Comments:

"Interface of fast similar function" Bootstrap 3.3.0 Snippet by WChangson

Related: See More

Questions / Comments:

"Interface of fast similar function"
Bootstrap 3.3.0 Snippet by WChangson