| <head> |
| <meta charset="utf-8"> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> |
| <title>Climate Service</title> |
| |
| <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> |
| <script type="text/javascript" src="/assets/javascripts/parameter.js"></script> |
| |
| <script> |
| function put_var(thisID, thatID, rule) { |
| var thatList=document.getElementById(thatID); |
| |
| for (var i=thatList.length-1; i>=0; i--) { |
| thatList.remove(i); |
| } |
| |
| var thisStr = document.getElementById(thisID).value; |
| var thatListTobe = rule[thisStr][1]; |
| for (var i=0; i<thatListTobe.length; i++) { |
| var k = thatListTobe[i]; |
| thatList.add(new Option(k,k)); |
| |
| } |
| }var t1_list={"1":[["Default Group"],["c"]],"2":[["Default Group"],["b"]],"3":[["Default Group"],["a,b"]]}; </script><!-- Bootstrap --> |
| <link href="/assets/stylesheets/bootstrap.min.css" rel="stylesheet"> |
| |
| <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> |
| <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
| <!--[if lt IE 9]> |
| <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
| <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
| <![endif]--> |
| </head> |
| <body> |
| |
| <h2 class="text-center">t11</h2> |
| |
| <p class="text-center col-md-8 col-md-offset-2">t1</p> |
| |
| <div class="container col-md-6"> |
| <form> |
| <table class="table table-bordered table-striped"> |
| <thead> |
| <tr> |
| <th class="col-md-2">Parameter Name</th> |
| <th class="col-md-4">Value</th> |
| </tr> |
| </thead> |
| <tbody id="dynamicTBody"><tr id="t1_trID"><td id="t1">test1</td><td><select class="form-control" id="t1_select" onchange="put_var('t1_select', 't2_select', t1_list);"><option>1</option><option>2</option><option selected="">3</option></select></td></tr><tr id="t2_trID"><td id="t2">test2</td><td><select class="form-control" id="t2_select"><option>a</option><option selected="">b</option><option>c</option></select></td></tr></tbody> |
| </table> |
| </form> |
| <div class="text-center"> |
| <button type="submit" class="btn btn-success btn-lg" onclick="Javascript:sendValues('www')">Request Service</button> |
| </div> |
| </div> |
| |
| <div class="container col-md-6"> |
| <form> |
| <table class="table table-bordered table-striped"> |
| <thead> |
| <tr> |
| <th>Output</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td> |
| <a id="serviceImgLink" href=""> |
| <img src="" id="serviceImg" class="img-responsive"> |
| </a> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <a id="commentLink" href=""> |
| <textarea class="form-control" rows="3" id="comment"></textarea> |
| </a> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <textarea class="form-control" rows="10" id="message"></textarea> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <div class="text-center"> |
| <button id = "downloadButton" type="button" class="btn btn-success btn-lg">Download Data</button> |
| </div> <br> <div class="text-center" id="output"> |
| |
| </div></form> |
| </div> |
| |
| |
| </body> |
| </html> |