source: TI03-DataExtractor/trunk/dist/web_extras/map_applet/mapApplet.htmold @ 1109

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/TI03-DataExtractor/trunk/dist/web_extras/map_applet/mapApplet.htmold@1109
Revision 1109, 3.2 KB checked in by astephen, 13 years ago (diff)

Stable-ish version with fully-ish working dxc client.

  • Property svn:executable set to *
Line 
1<html> <head>
2<title></title>
3
4<script>
5it_is_loaded = false;
6 
7function set_snapping(obj) {
8
9  if ( document.control_form.snap_to_grid.checked ) {
10    document.map.turn_on_snapping();
11  } else {
12    document.map.turn_off_snapping();
13  }
14
15}
16</script>
17
18</head>
19
20<body onLoad="it_is_loaded = true;">
21
22
23<center><h1>MapApplet version 2.1</h1></center>
24
25This page has a demonstration Java MapApplet.
26<p>
27The map portion of this applet uses release 2.1 of the tmap.map package
28we are working on for interacting with geophysical datasets
29across the web.
30<p>
31Note that this page is using JavaScript to communicate with the applet, thus
32demonstrating the true modularity of the tmap.map package and applets
33created from them.
34<p>
35The <a href="MapApplet_only_v2pt1.java">java source code</a> for the appplet
36is is designed to demonstrate some of the features of the tmap.map package.  The
37<a href="docs/Package-tmap.map.htm">API</a> for the package is
38describes all of the methods of each of the classes implemented in this
39package.  Source code is found in <a href="tmap/map/">tmap/map/</a> in this directory.
40The images used are found in <a href="gifs/">gifs/</a> in this directory.
41<p>
42Background material is found in a
43<a href="white_paper.htm">white paper</a> describing this effort.
44<hr>
45<p>
46
47
48<center>
49<table align=center border=5>
50  <tr>
51    <td align=center>
52    <applet code="MapApplet_only_v2pt1.class" NAME="map" MAYSCRIPT width=400 height=309>
53    <param name=tool value="3">
54    <param name=xHi value="3.0">
55    </applet>
56    </td>
57  </tr>     
58  <tr>
59    <td align=center>
60    <INPUT TYPE="button" VALUE=" get X" OnClick=alert(document.map.get_xHi())>
61    </td>
62  </tr>
63</table>
64</center>
65
66<p><hr size=5><p>
67
68<h1 align=center>The JavaScript controls</i></h1>
69
70  <form name="control_form">
71
72<center>
73<table border=0 cellspacing=0 cellpadding=5>
74 
75  <tr>
76    <td></td>
77    <td align=center>
78        <INPUT TYPE="button" VALUE=" Zoom In " OnClick="document.map.zoom_in()">
79    </td>
80    <td align=center>
81        <INPUT TYPE="button" VALUE=" Zoom Out " OnClick="document.map.zoom_out()">
82    </td>
83    <td></td>
84  </tr>
85
86  <tr><td>&nbsp;</td></tr>
87 
88  <tr>
89    <th align=center>Image</th>
90    <th align=center>Tool</th>
91    <th align=center>Grid Spacing</th>
92    <th align=center>Snap to Grid</th>
93  </tr>
94 
95  <tr>
96    <td align=center>   
97        <select name="Image" onChange="if (it_is_loaded) { document.map.img_select(selectedIndex);}">
98          <option selected>Image 1
99          <option>Image 2
100          <option>Image 3
101        </select>
102        </td>
103        <td align=center>
104        <select name="Tool" onChange="if (it_is_loaded) { document.map.tool_select(selectedIndex);}">
105          <option>Pt
106          <option>X ine
107          <option>Y line
108          <option selected>XY plane
109          <option selected>X line (compressed Y)
110          <option selected>Y line (compressed X)
111          <option selected>Pt (compressed X)
112          <option selected>Pt (compressed Y)
113          <option selected>Pt (compressed X and Y)
114        </select>
115        </td align=center>
116        <td>
117        <select name="grid_spacing" onChange="if (it_is_loaded) { document.map.grid_select(selectedIndex);}">
118          <option> .25 X .25
119          <option selected> 1 X 1
120          <option> 2 X 10
121          <option>10 X 10
122        </select>
123        </td>
124        <td align=center>
125        <input type="CHECKBOX" name="snap_to_grid" onClick="set_snapping(this)">
126    </td>
127  </tr>
128
129</table>
130</center>
131
132  </form>
133
134<P>
135
136</body> </html>
Note: See TracBrowser for help on using the repository browser.