source: TI05-delivery/ows_framework/branches/ows_framework-ddp/ows_server/ows_server/public/index.html @ 2747

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/TI05-delivery/ows_framework/branches/ows_framework-ddp/ows_server/ows_server/public/index.html@2747
Revision 2747, 4.4 KB checked in by spascoe, 12 years ago (diff)

Added Mercator stuff for Ag's demo.

Line 
1<html>
2<head>
3<title>IPCC Data Distribution Centre Visualisation</title>
4<link type="text/css" rel="stylesheet" href="style.css"/>
5<link type="text/css" rel="stylesheet" href="tabber.css"/>
6
7<script src="js/OpenLayers.js"></script>
8<script src="js/openlayers-x.js"></script>
9
10<script src="js/prototype.js"></script>
11<script src="js/ddc-vis.js"></script>
12<script type="text/javascript">
13var tabberOptions = {manualStartup: true};
14</script>
15<script src="js/tabber.js"></script>
16
17<script type="text/javascript">
18
19var app = null;
20
21function init() {
22  // 4th argument isn't used in DDP
23  app = new DDCVisApp('map', 'form', 'selectionForm', '');
24}
25
26</script>
27
28</head>
29<body onload="init()">
30<h1>DDP Visualisation</h1>
31
32<table>
33  <tr><td>
34<div id="mapBox">
35  <div id="map"></div>
36  <!-- <div id="legend"></div> -->
37</div>
38</td>
39<td valign="top">
40  <div id="selectionDiv">
41    <form id="selectionForm">
42    <table>
43    <tr><td colspan="2" align="center">Max .<br/><input type="text" name="maxLat" size="6"/></td></tr>
44    <tr>
45      <td>Min Lon.<br/><input type="text" name="minLon" size="6"/></td>
46      <td>Max Lon.<br/><input type="text" name="maxLon" size="6"/></td>
47    </tr>
48    <tr><td colspan="2" align="center">Min Lat.<br/><input type="text" name="minLat" size="6"/></td></tr>
49    </table>
50    <input type="button" value="Clear selection" onclick="app.clearSubsel()"/><br/>
51    <!-- <input type="button" value="Make Figure" onclick="app.makeFigure()"/> -->
52    </form>
53  </div>
54</td></tr>
55</table>
56
57<div id="form">
58  <form>
59    Field:
60    <select name="field">
61    <option name="field" value="csolr">csolr</option>
62    <option name="field" value="m1s1i207">m1s1i207</option>
63    <option name="field" value="m1s1i208">m1s1i208</option>
64    <option name="field" value="m1s1i209">m1s1i209</option>
65    <option name="field" value="m1s1i235">m1s1i235</option>
66    <option name="field" value="m1s3i463">m1s3i463</option>
67    <option name="field" value="olr">olr</option>
68    <option name="field" value="ps">ps</option>
69    <option name="field" value="snowdepth">snowdepth</option>
70    <option name="field" value="temp">temp</option>
71    <option name="field" value="x-wind">x-wind</option>
72    <option name="field" value="y-wind">y-wind</option>
73    </select>
74    Date:
75    <select name="date">
76      <option name="date" value="1983-8-1T12:0:0.0Z">1983-8-1</option>
77      <option name="date" value="1983-8-2T12:0:0.0Z">1983-8-2</option>
78      <option name="date" value="1983-8-3T12:0:0.0Z">1983-8-3</option>
79      <option name="date" value="1983-8-4T12:0:0.0Z">1983-8-4</option>
80      <option name="date" value="1983-8-5T12:0:0.0Z">1983-8-5</option>
81      <option name="date" value="1983-8-6T12:0:0.0Z">1983-8-6</option>
82      <option name="date" value="1983-8-7T12:0:0.0Z">1983-8-7</option>
83      <option name="date" value="1983-8-8T12:0:0.0Z">1983-8-8</option>
84      <option name="date" value="1983-8-9T12:0:0.0Z">1983-8-9</option>
85    <option name="date" value="1983-8-10T12:0:0.0Z">1983-8-10</option>
86    <option name="date" value="1983-8-11T12:0:0.0Z">1983-8-11</option>
87    <option name="date" value="1983-8-12T12:0:0.0Z">1983-8-12</option>
88    <option name="date" value="1983-8-13T12:0:0.0Z">1983-8-13</option>
89    <option name="date" value="1983-8-14T12:0:0.0Z">1983-8-14</option>
90    <option name="date" value="1983-8-15T12:0:0.0Z">1983-8-15</option>
91    <option name="date" value="1983-8-16T12:0:0.0Z">1983-8-16</option>
92    <option name="date" value="1983-8-17T12:0:0.0Z">1983-8-17</option>
93    <option name="date" value="1983-8-18T12:0:0.0Z">1983-8-18</option>
94    <option name="date" value="1983-8-19T12:0:0.0Z">1983-8-19</option>
95    <option name="date" value="1983-8-20T12:0:0.0Z">1983-8-20</option>
96    <option name="date" value="1983-8-21T12:0:0.0Z">1983-8-21</option>
97    <option name="date" value="1983-8-22T12:0:0.0Z">1983-8-22</option>
98    <option name="date" value="1983-8-23T12:0:0.0Z">1983-8-23</option>
99    <option name="date" value="1983-8-24T12:0:0.0Z">1983-8-24</option>
100    <option name="date" value="1983-8-25T12:0:0.0Z">1983-8-25</option>
101    <option name="date" value="1983-8-26T12:0:0.0Z">1983-8-26</option>
102    <option name="date" value="1983-8-27T12:0:0.0Z">1983-8-27</option>
103    <option name="date" value="1983-8-28T12:0:0.0Z">1983-8-28</option>
104    <option name="date" value="1983-8-29T12:0:0.0Z">1983-8-29</option>
105    <option name="date" value="1983-8-30T12:0:0.0Z">1983-8-30</option>
106    </select>
107</div>
108</body>
109</html>
Note: See TracBrowser for help on using the repository browser.