source: TI04-geosplat/trunk/web_extras/LiveMap_30/Live.html @ 798

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/TI04-geosplat/trunk/web_extras/LiveMap_30/Live.html@798
Revision 798, 6.6 KB checked in by astephen, 14 years ago (diff)

Latest working version with install method.
Can accept more than one file but doesn't combine variables yet.

Line 
1<html>
2
3<head>
4<script>
5it_is_loaded = false;
6
7function submitRequest(form) {
8  if (it_is_loaded) {
9    alert("\n\nYou have selected the following region:\n\n" +
10          "Longitude:  " + document.map.get_x_range() + "\n" +
11          "Latitude:  " + document.map.get_y_range());
12  }
13}
14
15function positionTool(i) {
16  if (it_is_loaded) {
17    if ( i == 0 )
18      document.map.positionTool(0, -180, 180, -90, 90)
19    else if (i == 1)
20      document.map.positionTool(0, 0, 360, -90, 90)
21    else if (i == 2)
22      document.map.positionTool(0, -180, 180, -89, 89)
23    else if (i == 3)
24      document.map.positionTool(0, -101, -79, 17, 32);
25    else if (i == 4)
26      document.map.positionTool(0, 140, -90, -20, 20);
27    else if (i == 5)
28      document.map.positionTool(0, 20, 120, -70, 30);
29    else if (i == 6)
30      document.map.positionTool(0, -180, 180, -90, -60);
31  }
32}
33
34function setRegion(i) {
35  if (it_is_loaded) {
36    if ( i == 0 )
37      document.map.setToolRange(0, -180, 180, -90, 90)
38    else if (i == 1)
39      document.map.setToolRange(0, 0, 360, -90, 90)
40    else if (i == 2)
41      document.map.setToolRange(0, -180, 180, -89, 89)
42    else if (i == 3)
43      document.map.setToolRange(0, -101, -79, 17, 32);
44    else if (i == 4)
45      document.map.setToolRange(0, 140, -90, -20, 20);
46    else if (i == 5)
47      document.map.setToolRange(0, 20, 120, -70, 30);
48  }
49}
50
51function restrictRegion(i) {
52  if (it_is_loaded) {
53    if ( i == 0 )
54      document.map.restrictToolRange(0, -180, 180, -90, 90)
55    else if (i == 1)
56      document.map.restrictToolRange(0, 0, 360, -90, 90)
57    else if (i == 2)
58      document.map.restrictToolRange(0, -180, 180, -89.5, 89.5)
59    else if (i == 3)
60      document.map.restrictToolRange(0, -180, 180, -89, 89)
61    else if (i == 4)
62      document.map.restrictToolRange(0, -101, -79, 17, 32);
63    else if (i == 5)
64      document.map.restrictToolRange(0, 140, -90, -20, 20);
65    else if (i == 6)
66      document.map.restrictToolRange(0, 20, 120, -70, 30);
67    else if (i == 7)
68      document.map.restrictToolRange(0, -180, 180, -60, 90);
69  }
70}
71
72function gridSpacing(i) {
73  if (it_is_loaded) {
74    if ( i == 0 )
75      document.map.setDelta(0.25, 0.25)
76    else if (i == 1)
77      document.map.setDelta(1, 1)
78    else if (i == 2)
79      document.map.setDelta(2, 10)
80    else if (i == 3)
81      document.map.setDelta(10, 10)
82  }
83}
84
85function toolColor(i) {
86  if (it_is_loaded) {
87    if ( i == 0 )
88      document.map.setToolColor("white")
89    else if (i == 1)
90      document.map.setToolColor("black")
91    else if (i == 2)
92      document.map.setToolColor("red")
93    else if (i == 3)
94      document.map.setToolColor("orange")
95    else if (i == 4)
96      document.map.setToolColor("yellow")
97    else if (i == 5)
98      document.map.setToolColor("green")
99    else if (i == 6)
100      document.map.setToolColor("blue")
101  }
102}
103
104function setImage(i) {
105  if (it_is_loaded) {
106    if ( i == 0 )
107      document.map.setImage("gifs/java_0_world.gif", -180, 180, -90, 90)
108    else if (i == 1)
109      document.map.setImage("gifs/Indian_Ocean.gif", 15, 125, -75, 35)
110    else if (i == 2)
111      document.map.setImage("gifs/Carolina_coast.gif", 280, 286, 33.5, 36.5)
112    else if (i == 3)
113      document.map.setImage("gifs/SeattleMap.gif", -122.5, -121.3, 47.75, 48.35)
114  }
115}
116
117</script>
118</head>
119
120<body onload="it_is_loaded = true;">
121
122<center>
123
124<form name="simpleForm">
125
126<table border=1>
127 
128  <tr>
129  <td align=center><b>VIEW: Longitude-Latitude</b></td>
130  </tr>
131 
132  <tr>
133    <td>
134        <applet
135     CODE="LiveMap_30.class"
136     ARCHIVE="LiveMap_30.jar"
137     NAME="map" MAYSCRIPT width=500 height=160>
138        <param name=base_image value="gifs/java_0_world_20k.jpg">
139        <param name=img_x_domain value="-180 180">
140        <param name=img_y_domain value="-90 90">
141        <param name=toolType value="XY">
142        <param name=tool_x_range value="-180 180">
143        <param name=tool_y_range value="-90 90">
144        </applet>
145    </td>
146  </tr>
147 
148</table>
149
150<p>
151
152</center>
153
154<center>
155
156<table border=0 cellspacing=0 cellpadding=5>
157
158  <TR>
159    <TD>Tool Type:</TD>
160    <TD>
161    <select name="Tool" onChange="if (it_is_loaded) { document.map.setTool(options[selectedIndex].value);}">
162      <option value="PT">Pt
163      <option value="X">X line
164      <option value="Y">Y line
165      <option value="XY" selected>XY plane
166      <option value="XcY">X line (compressed Y)
167      <option value="YcX">Y line (compressed X)
168      <option value="PTcX">Pt (compressed X)
169      <option value="PTcY">Pt (compressed Y)
170      <option value="PTcXY">Pt (compressed X and Y)
171    </select>
172    </TD>
173  </TR>
174
175  <TR>
176    <TD>Tool Color:</TD>
177    <TD>
178      <SELECT onChange="toolColor(selectedIndex)">
179        <OPTION>White</OPTION>
180        <OPTION>Black</OPTION>
181        <OPTION>Red</OPTION>
182        <OPTION>Orange</OPTION>
183        <OPTION>Yellow</OPTION>
184        <OPTION>Green</OPTION>
185        <OPTION>Blue</OPTION>
186      </SELECT>
187    </TD>
188  </TR>
189
190  <TR>
191    <TD>setImage:</TD>
192    <TD>
193      <SELECT onChange="setImage(selectedIndex)">
194        <OPTION>World</OPTION>
195        <OPTION>Indian Ocean</OPTION>
196        <OPTION>Carolina coast</OPTION>
197        <OPTION>Seattle</OPTION>
198      </SELECT>
199    </TD>
200  </TR>
201
202  <TR>
203    <TD>positionTool:</TD>
204    <TD>
205      <SELECT onChange="positionTool(selectedIndex)">
206        <OPTION>World[-180:180]</OPTION>
207        <OPTION>World[0:360]</OPTION>
208        <OPTION>89N:89S</OPTION>
209        <OPTION>Gulf of Mexico</OPTION>
210        <OPTION>TAO array</OPTION>
211        <OPTION>Indian Ocean</OPTION>
212        <OPTION>Antarctic</OPTION>
213      </SELECT>
214    </TD>
215  </TR>
216
217  <TR>
218    <TD>setToolRange:</TD>
219    <TD>
220      <SELECT onChange="setRegion(selectedIndex)">
221        <OPTION>World[-180:180]</OPTION>
222        <OPTION>World[0:360]</OPTION>
223        <OPTION>89N:89S</OPTION>
224        <OPTION>Gulf of Mexico</OPTION>
225        <OPTION>TAO array</OPTION>
226        <OPTION>Indian Ocean</OPTION>
227      </SELECT>
228    </TD>
229  </TR>
230
231  <TR>
232    <TD>restrictToolRange:</TD>
233    <TD>
234      <SELECT onChange="restrictRegion(selectedIndex)">
235        <OPTION>World[-180:180]</OPTION>
236        <OPTION>World[0:360]</OPTION>
237        <OPTION>89.5N:89.5S</OPTION>
238        <OPTION>89N:89S</OPTION>
239        <OPTION>Gulf of Mexico</OPTION>
240        <OPTION>TAO array</OPTION>
241        <OPTION>Indian Ocean</OPTION>
242        <OPTION>non-Antarctic</OPTION>
243      </SELECT>
244    </TD>
245  </TR>
246
247  <TR>
248    <TD>Grid Spacing:</TD>
249    <TD>
250      <SELECT onChange="gridSpacing(selectedIndex)">
251        <OPTION>.25 X .25</OPTION>
252        <OPTION SELECTED>1 X 1</OPTION>
253        <OPTION>2 X 10</OPTION>
254        <OPTION>10 X 10</OPTION>
255      </SELECT>
256    </TD>
257  </TR>
258
259  <TR>
260    <TD>&nbsp;</TD>
261    <TD>
262<input type="button" name="submit" value="Show values"
263       onClick="submitRequest(this.form)">
264    </TD>
265  </TR>
266
267</table>
268
269</form>
270
271</body>
272
273</html>
274
275
276
277
Note: See TracBrowser for help on using the repository browser.