1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
---|
2 |
<html> |
---|
3 |
<head> |
---|
4 |
<title>NCCOOS Coastal Data Viewer</title> |
---|
5 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
---|
6 |
|
---|
7 |
<cwc2 type="SharedResource" name="projection"> |
---|
8 |
<projection name="NAD 83 / Geographic" srs="epsg:4269"/> |
---|
9 |
<projection name="WGS 84 / Geographic" srs="epsg:4326"/> |
---|
10 |
<projection name="WGS 84 / Auto UTM" srs="AUTO:42001"/> |
---|
11 |
<projection name="WGS 84 / Auto Tr. Mercator" srs="AUTO:42002"/> |
---|
12 |
<projection name="WGS 84 / Auto Orthographic" srs="AUTO:42003"/> |
---|
13 |
<projection name="WGS 84 / Auto Equirectangular" srs="AUTO:42004"/> |
---|
14 |
<projection name="NAD 83 / NC State Plane" srs="epsg:32119"/> |
---|
15 |
</cwc2> |
---|
16 |
|
---|
17 |
<!-- Button Resource for Pan Arrows --> |
---|
18 |
<cwc2 type="SharedResource" name="PanArrows"> |
---|
19 |
<imagewidth value="50"/> |
---|
20 |
<imageheight value="50"/> |
---|
21 |
<labelfont value="fonts/Vera.ttf"/> |
---|
22 |
<usetextbuttoncache value="false"/> |
---|
23 |
<state value="normal"> |
---|
24 |
<textbuttoncolor value="f0f0f0"/> |
---|
25 |
</state> |
---|
26 |
<state value="hover"> |
---|
27 |
<textbuttoncolor value="cccccc"/> |
---|
28 |
</state> |
---|
29 |
<state value="selected"> |
---|
30 |
<textbuttoncolor value="cccccc"/> |
---|
31 |
</state> |
---|
32 |
</cwc2> |
---|
33 |
|
---|
34 |
<!-- Button Resource for Tabs --> |
---|
35 |
<cwc2 type="SharedResource" name="Tabs"> |
---|
36 |
<imagewidth value="60"/> |
---|
37 |
<imageheight value="10"/> |
---|
38 |
<textbuttonpadding value="0"/> |
---|
39 |
<textbuttonnudge value="0"/> |
---|
40 |
<labelfont value="fonts/Vera.ttf"/> |
---|
41 |
<usetextbuttoncache value="false"/> |
---|
42 |
<state value="normal"> |
---|
43 |
<textbuttoncolor value="f0f0f0"/> |
---|
44 |
<textbuttonborder_topleft_image value="borders/border_tl_1.png"/> |
---|
45 |
<textbuttonborder_top_image value="borders/border_t_1.png"/> |
---|
46 |
<textbuttonborder_topright_image value="borders/border_tr_1.png"/> |
---|
47 |
<textbuttonborder_right_image value="borders/border_r_1.png"/> |
---|
48 |
<textbuttonborder_left_image value="borders/border_l_1.png"/> |
---|
49 |
</state> |
---|
50 |
<state value="hover"> |
---|
51 |
<textbuttoncolor value="cccccc"/> |
---|
52 |
<textbuttonborder_topleft_image value="borders/border_tl_2.png"/> |
---|
53 |
<textbuttonborder_top_image value="borders/border_t_2.png"/> |
---|
54 |
<textbuttonborder_topright_image value="borders/border_tr_2.png"/> |
---|
55 |
<textbuttonborder_right_image value="borders/border_r_2.png"/> |
---|
56 |
<textbuttonborder_left_image value="borders/border_l_2.png"/> |
---|
57 |
</state> |
---|
58 |
<state value="selected"> |
---|
59 |
<textbuttoncolor value="cccccc"/> |
---|
60 |
<textbuttonborder_topleft_image value="borders/border_tl_3.png"/> |
---|
61 |
<textbuttonborder_top_image value="borders/border_t_3.png"/> |
---|
62 |
<textbuttonborder_topright_image value="borders/border_tr_3.png"/> |
---|
63 |
<textbuttonborder_right_image value="borders/border_r_3.png"/> |
---|
64 |
<textbuttonborder_left_image value="borders/border_l_3.png"/> |
---|
65 |
</state> |
---|
66 |
</cwc2> |
---|
67 |
|
---|
68 |
<!-- defaults for NavButton --> |
---|
69 |
<cwc2 type="SharedResource" name="NavButtons"> |
---|
70 |
<textbuttonbackgroundimage value=""/> |
---|
71 |
<imagewidth value="24"/> |
---|
72 |
<imageheight value="24"/> |
---|
73 |
<textbuttonpadding value="0"/> |
---|
74 |
<textbuttonnudge value="0"/> |
---|
75 |
<textbuttoncolor value="cccccc"/> |
---|
76 |
<labelcolor value="111111"/> |
---|
77 |
<labelfont value="fonts/Vera.ttf"/> |
---|
78 |
<labelalign value="left"/> |
---|
79 |
<labelfontsize value="8"/> |
---|
80 |
<labelantialias value="true"/> |
---|
81 |
<usetextbuttoncache value="false"/> |
---|
82 |
<state value="normal"> |
---|
83 |
<textbuttoncolor value="f0f0f0"/> |
---|
84 |
<textbuttonborder_topleft_image value="borders/border_tl_1.png"/> |
---|
85 |
<textbuttonborder_top_image value="borders/border_t_1.png"/> |
---|
86 |
<textbuttonborder_topright_image value="borders/border_tr_1.png"/> |
---|
87 |
<textbuttonborder_right_image value="borders/border_r_1.png"/> |
---|
88 |
<textbuttonborder_left_image value="borders/border_l_1.png"/> |
---|
89 |
<textbuttonborder_bottomright_image value="borders/border_br_1.png"/> |
---|
90 |
<textbuttonborder_bottom_image value="borders/border_b_1.png"/> |
---|
91 |
<textbuttonborder_bottomleft_image value="borders/border_bl_1.png"/> |
---|
92 |
</state> |
---|
93 |
<state value="hover"> |
---|
94 |
<textbuttonborder_topleft_image value="borders/border_tl_2.png"/> |
---|
95 |
<textbuttonborder_top_image value="borders/border_t_2.png"/> |
---|
96 |
<textbuttonborder_topright_image value="borders/border_tr_2.png"/> |
---|
97 |
<textbuttonborder_right_image value="borders/border_r_2.png"/> |
---|
98 |
<textbuttonborder_left_image value="borders/border_l_2.png"/> |
---|
99 |
<textbuttonborder_bottomright_image value="borders/border_br_2.png"/> |
---|
100 |
<textbuttonborder_bottom_image value="borders/border_b_2.png"/> |
---|
101 |
<textbuttonborder_bottomleft_image value="borders/border_bl_2.png"/> |
---|
102 |
</state> |
---|
103 |
<state value="selected"> |
---|
104 |
<textbuttonborder_topleft_image value="borders/border_tl_3.png"/> |
---|
105 |
<textbuttonborder_top_image value="borders/border_t_3.png"/> |
---|
106 |
<textbuttonborder_topright_image value="borders/border_tr_3.png"/> |
---|
107 |
<textbuttonborder_right_image value="borders/border_r_3.png"/> |
---|
108 |
<textbuttonborder_left_image value="borders/border_l_3.png"/> |
---|
109 |
<textbuttonborder_bottomright_image value="borders/border_br_3.png"/> |
---|
110 |
<textbuttonborder_bottom_image value="borders/border_b_3.png"/> |
---|
111 |
<textbuttonborder_bottomleft_image value="borders/border_bl_3.png"/> |
---|
112 |
</state> |
---|
113 |
<state value="disabled"> |
---|
114 |
<labelcolor value="888888"/> |
---|
115 |
<textbuttonborder_topleft_image value="borders/border_tl_1.png"/> |
---|
116 |
<textbuttonborder_top_image value="borders/border_t_1.png"/> |
---|
117 |
<textbuttonborder_topright_image value="borders/border_tr_1.png"/> |
---|
118 |
<textbuttonborder_right_image value="borders/border_r_1.png"/> |
---|
119 |
<textbuttonborder_left_image value="borders/border_l_1.png"/> |
---|
120 |
<textbuttonborder_bottomright_image value="borders/border_br_1.png"/> |
---|
121 |
<textbuttonborder_bottom_image value="borders/border_b_1.png"/> |
---|
122 |
<textbuttonborder_bottomleft_image value="borders/border_bl_1.png"/> |
---|
123 |
</state> |
---|
124 |
</cwc2> |
---|
125 |
|
---|
126 |
<!-- defaults for Text Buttons --> |
---|
127 |
<cwc2 type="SharedResource" name="TextButtons"> |
---|
128 |
<textbuttonbackgroundimage value=""/> |
---|
129 |
<imagewidth value="120"/> |
---|
130 |
<imageheight value="24"/> |
---|
131 |
<textbuttonpadding value="0"/> |
---|
132 |
<textbuttonnudge value="0"/> |
---|
133 |
<labelcolor value="111111"/> |
---|
134 |
<labelfont value="fonts/Vera.ttf"/> |
---|
135 |
<labelalign value="left"/> |
---|
136 |
<labelfontsize value="8"/> |
---|
137 |
<labelantialias value="true"/> |
---|
138 |
<usetextbuttoncache value="false"/> |
---|
139 |
<state value="normal"> |
---|
140 |
<textbuttoncolor value="f0f0f0"/> |
---|
141 |
<textbuttonborder_topleft_image value="borders/border_tl_1.png"/> |
---|
142 |
<textbuttonborder_top_image value="borders/border_t_1.png"/> |
---|
143 |
<textbuttonborder_topright_image value="borders/border_tr_1.png"/> |
---|
144 |
<textbuttonborder_right_image value="borders/border_r_1.png"/> |
---|
145 |
<textbuttonborder_left_image value="borders/border_l_1.png"/> |
---|
146 |
<textbuttonborder_bottomright_image value="borders/border_br_1.png"/> |
---|
147 |
<textbuttonborder_bottom_image value="borders/border_b_1.png"/> |
---|
148 |
<textbuttonborder_bottomleft_image value="borders/border_bl_1.png"/> |
---|
149 |
</state> |
---|
150 |
<state value="hover"> |
---|
151 |
<textbuttoncolor value="cccccc"/> |
---|
152 |
<textbuttonborder_topleft_image value="borders/border_tl_2.png"/> |
---|
153 |
<textbuttonborder_top_image value="borders/border_t_2.png"/> |
---|
154 |
<textbuttonborder_topright_image value="borders/border_tr_2.png"/> |
---|
155 |
<textbuttonborder_right_image value="borders/border_r_2.png"/> |
---|
156 |
<textbuttonborder_left_image value="borders/border_l_2.png"/> |
---|
157 |
<textbuttonborder_bottomright_image value="borders/border_br_2.png"/> |
---|
158 |
<textbuttonborder_bottom_image value="borders/border_b_2.png"/> |
---|
159 |
<textbuttonborder_bottomleft_image value="borders/border_bl_2.png"/> |
---|
160 |
</state> |
---|
161 |
<state value="selected"> |
---|
162 |
<textbuttoncolor value="cccccc"/> |
---|
163 |
<textbuttonborder_topleft_image value="borders/border_tl_3.png"/> |
---|
164 |
<textbuttonborder_top_image value="borders/border_t_3.png"/> |
---|
165 |
<textbuttonborder_topright_image value="borders/border_tr_3.png"/> |
---|
166 |
<textbuttonborder_right_image value="borders/border_r_3.png"/> |
---|
167 |
<textbuttonborder_left_image value="borders/border_l_3.png"/> |
---|
168 |
<textbuttonborder_bottomright_image value="borders/border_br_3.png"/> |
---|
169 |
<textbuttonborder_bottom_image value="borders/border_b_3.png"/> |
---|
170 |
<textbuttonborder_bottomleft_image value="borders/border_bl_3.png"/> |
---|
171 |
</state> |
---|
172 |
<state value="disabled"> |
---|
173 |
<labelcolor value="888888"/> |
---|
174 |
<textbuttonborder_topleft_image value="borders/border_tl_1.png"/> |
---|
175 |
<textbuttonborder_top_image value="borders/border_t_1.png"/> |
---|
176 |
<textbuttonborder_topright_image value="borders/border_tr_1.png"/> |
---|
177 |
<textbuttonborder_right_image value="borders/border_r_1.png"/> |
---|
178 |
<textbuttonborder_left_image value="borders/border_l_1.png"/> |
---|
179 |
<textbuttonborder_bottomright_image value="borders/border_br_1.png"/> |
---|
180 |
<textbuttonborder_bottom_image value="borders/border_b_1.png"/> |
---|
181 |
<textbuttonborder_bottomleft_image value="borders/border_bl_1.png"/> |
---|
182 |
</state> |
---|
183 |
</cwc2> |
---|
184 |
|
---|
185 |
<cwc2 type="SharedResource" name="MiniButton"> |
---|
186 |
<imagewidth value="9"/> |
---|
187 |
<imageheight value="9"/> |
---|
188 |
<state value="normal"> |
---|
189 |
<textbuttoncolor value="FFFEFF"/> |
---|
190 |
</state> |
---|
191 |
<state value="hover"> |
---|
192 |
<textbuttoncolor value="CCCCCC"/> |
---|
193 |
</state> |
---|
194 |
<state value="selected"> |
---|
195 |
<textbuttoncolor value="DDDDDD"/> |
---|
196 |
</state> |
---|
197 |
</cwc2> |
---|
198 |
|
---|
199 |
<cwc2 type="SharedResource" name="WaitImage"> |
---|
200 |
<waitimage language="en-CA" waitimage="images/spinner.gif" waitimagewidth="216" waitimageheight="50"/> |
---|
201 |
<waitimage language="fr-CA" waitimage="images/spinner_f.gif" waitimagewidth="216" waitimageheight="50"/> |
---|
202 |
</cwc2> |
---|
203 |
<cwc2 type="SelectLayers" /> |
---|
204 |
|
---|
205 |
<script language="JavaScript" type="text/javascript"> |
---|
206 |
function myOnLoad() |
---|
207 |
{ |
---|
208 |
CWC2OnLoadFunction() |
---|
209 |
} |
---|
210 |
</script> |
---|
211 |
<script language="JavaScript" type="text/JavaScript"> |
---|
212 |
<!-- |
---|
213 |
function MM_reloadPage(init) { |
---|
214 |
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { |
---|
215 |
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} |
---|
216 |
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); |
---|
217 |
} |
---|
218 |
MM_reloadPage(true); |
---|
219 |
|
---|
220 |
</script> |
---|
221 |
<link href="sample.css" rel="stylesheet" type="text/css"> |
---|
222 |
</head> |
---|
223 |
|
---|
224 |
<body onLoad="myOnLoad()"> |
---|
225 |
<form method="post"> |
---|
226 |
|
---|
227 |
<input type="hidden" name="TopTabsLayerActive" value="[$TopTabsLayerActive$]"> |
---|
228 |
<input type="hidden" name="SideTabsLayerActive" value="[$SideTabsLayerActive$]"> |
---|
229 |
|
---|
230 |
<div id="TitleLayer" name="TitleLayer"> |
---|
231 |
<!-- TITLE --> |
---|
232 |
<!-- |
---|
233 |
<cwc2 type="Title" label="NCCOOS Coastal Viewer - Chameleon Sample" labelclass="title"> |
---|
234 |
</cwc2> |
---|
235 |
<-- |
---|
236 |
|
---|
237 |
<!-- SESSIONEXPIRED --> |
---|
238 |
<cwc2 type="SessionExpired" text="Your session has expired."> |
---|
239 |
</cwc2> |
---|
240 |
</div> |
---|
241 |
|
---|
242 |
<div id="TopTabsLayer" name="TopTabsLayer"> |
---|
243 |
<table border="0" cellspacing="0" cellpadding="1"> |
---|
244 |
<tr> |
---|
245 |
<td><cwc2 type="Link" linktype="javascript" jsfunction="ShowNavToolsLayer" styleresource="Tabs" Image="icons/icon_tab_nav.png" ImageTip="Navigation Tools" toolset="TopTabs" default="true"> |
---|
246 |
<image state="normal"/> |
---|
247 |
<image state="hover"/> |
---|
248 |
<image state="selected"/> |
---|
249 |
</cwc2></td> |
---|
250 |
</tr> |
---|
251 |
</table> |
---|
252 |
</div> |
---|
253 |
|
---|
254 |
<div id="NavToolsLayer" name="NavToolsLayer"> |
---|
255 |
<table border="0" cellspacing="4" cellpadding="0"> |
---|
256 |
<tr> |
---|
257 |
[#nav_basic.html#] |
---|
258 |
|
---|
259 |
</tr> |
---|
260 |
</table> |
---|
261 |
</div> |
---|
262 |
|
---|
263 |
<div id="ROIToolsLayer" name="ROIToolsLayer"> |
---|
264 |
<table border="0" cellspacing="4" cellpadding="0"> |
---|
265 |
<tr> |
---|
266 |
<td>These are part of the ROI widgets pack</td> |
---|
267 |
</tr> |
---|
268 |
</table> |
---|
269 |
</div> |
---|
270 |
|
---|
271 |
<div id="SideTabsLayer" name="SideTabsLayer"> |
---|
272 |
<table border="0" cellspacing="0" cellpadding="1"> |
---|
273 |
<tr> |
---|
274 |
<td><cwc2 type="Link" linktype="javascript" jsfunction="ShowLegendLayer" styleresource="Tabs" Image="icons/icon_tab_legend.png" ImageTip="Legend" toolset="SideTabs" default="true"> |
---|
275 |
<image state="normal"/> |
---|
276 |
<image state="hover"/> |
---|
277 |
<image state="selected"/> |
---|
278 |
</cwc2></td> |
---|
279 |
<!--removes TOOL tab for now |
---|
280 |
|
---|
281 |
<td><cwc2 type="Link" linktype="javascript" jsfunction="ShowOtherToolsLayer" styleresource="Tabs" Image="icons/icon_tab_tools.png" ImageTip="Other Tools" toolset="SideTabs"> |
---|
282 |
<image state="normal"/> |
---|
283 |
<image state="hover"/> |
---|
284 |
<image state="selected"/> |
---|
285 |
</cwc2></td> |
---|
286 |
--> |
---|
287 |
|
---|
288 |
</tr> |
---|
289 |
</table> |
---|
290 |
</div> |
---|
291 |
<!-- |
---|
292 |
<div id="LegendLayer" name="LegendLayer"> |
---|
293 |
<table cellspacing="0" cellpadding="2"> |
---|
294 |
<cwc2 type="XMLThemeLegend" popupwidth="400" popupheight="400"> |
---|
295 |
<selection name="NCCOOSLegend" template="nccoos.html" themefile="nccoos_themes.xml" contextfile="nccoos_wms.map" rendererfile="sample_renderer.html"/> |
---|
296 |
</cwc2> |
---|
297 |
<tr> |
---|
298 |
<td colspan="4"><cwc2 type="UpdateMap" styleresource="TextButtons" visible="true" image="icons/icon_update.png" imagetip="update map" label="Update"> |
---|
299 |
<image state="normal"/> |
---|
300 |
<image state="selected"/> |
---|
301 |
<image state="hover"/> |
---|
302 |
</cwc2></td> |
---|
303 |
</tr> |
---|
304 |
</table> |
---|
305 |
</div> --> |
---|
306 |
|
---|
307 |
<div id="LegendLayer" name="LegendLayer"> |
---|
308 |
<table> |
---|
309 |
<cwc2 type="LegendTemplate" visible="true" embedded="true" template="nccoos_legend_template.html" popupstyleresource="TextButtons" popupwidth="500" |
---|
310 |
popupheight="400" status="false" menubar="false" controlvisibility="true"/> |
---|
311 |
<tr> |
---|
312 |
<td colspan="4"><cwc2 type="UpdateMap" styleresource="TextButtons" visible="true" image="icons/icon_update.png" imagetip="update map" label="Update"> |
---|
313 |
<image state="normal"/> |
---|
314 |
<image state="selected"/> |
---|
315 |
<image state="hover"/> |
---|
316 |
</cwc2> |
---|
317 |
</td> |
---|
318 |
</tr> |
---|
319 |
<!-- New PRINT widget location --> |
---|
320 |
<tr> |
---|
321 |
<td colspan="4"><cwc2 type="PrintProduction" image="icons/icon_print.png" styleresource="TextButtons" |
---|
322 |
popupstyleresource="TextButtons" PopupWidth="500" PopupHeight="550" Toolbar="false" Status="true" Menubar="false" |
---|
323 |
Visible="true" template="legend_template.html" ImageTip="Print or Download Map" Label="Print / Download"> |
---|
324 |
<image state="normal"/> |
---|
325 |
<image state="selected"/> |
---|
326 |
<image state="hover"/> |
---|
327 |
</cwc2> |
---|
328 |
</td> |
---|
329 |
</tr> |
---|
330 |
|
---|
331 |
<tr><td colspan = "4"><br></td></tr> |
---|
332 |
<td><img src="http://maury.marine.unc.edu/nccoos/images/unchecked.png"</td><td colspan="3"><span class="label">Layer Off</span></td></tr> |
---|
333 |
<td><img src="http://maury.marine.unc.edu/nccoos/images/checked.png"</td></td><td colspan="3"><span class="label">Layer On (not visible at this scale. Zoom in)</span></td></tr> |
---|
334 |
<td><img src="http://maury.marine.unc.edu/nccoos/images/checked.png"</td></td><td colspan="3"><span class="LabelOn"> Layer On & Visible</span></td></tr> |
---|
335 |
</table> |
---|
336 |
</div> |
---|
337 |
|
---|
338 |
<div id="OtherToolsLayer" name="OtherToolsLayer"> |
---|
339 |
<table width="99%" border="0" cellspacing="4" cellpadding="0"> |
---|
340 |
|
---|
341 |
[#tools_enhanced.html#] |
---|
342 |
|
---|
343 |
</table> |
---|
344 |
</div> |
---|
345 |
|
---|
346 |
<div id="PanArrowsLayer" name="PanArrowsLayer"> |
---|
347 |
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="f0f0f0" class="grey_border"> |
---|
348 |
<tr valign="top"> |
---|
349 |
<!-- COMPASSPOINT - NORTHWEST --> |
---|
350 |
<td align="left"><cwc2 type="CompassPoint" Visible="true" styleresource="PanArrows" Direction="northwest" image="icons/icon_pan_nw.png" PanPercent="80" imagetip="Pan NorthWest"> |
---|
351 |
<image state="normal"/> |
---|
352 |
<image state="hover"/> |
---|
353 |
<image state="selected"/> |
---|
354 |
</cwc2></td> |
---|
355 |
<!-- COMPASSPOINT - NORTH --> |
---|
356 |
<td align="center"><cwc2 type="CompassPoint" Visible="true" styleresource="PanArrows" Direction="north" image="icons/icon_pan_n.png" PanPercent="80" imagetip="Pan North"> |
---|
357 |
<image state="normal"/> |
---|
358 |
<image state="hover"/> |
---|
359 |
<image state="selected"/> |
---|
360 |
</cwc2></td> |
---|
361 |
<!-- COMPASSPOINT - NORTHEAST --> |
---|
362 |
<td align="right"><cwc2 type="CompassPoint" Visible="true" styleresource="PanArrows" Direction="northeast" image="icons/icon_pan_ne.png" PanPercent="80" imagetip="Pan NorthEast"> |
---|
363 |
<image state="normal"/> |
---|
364 |
<image state="hover"/> |
---|
365 |
<image state="selected"/> |
---|
366 |
</cwc2></td> |
---|
367 |
</tr> |
---|
368 |
<tr valign="middle"> |
---|
369 |
<!-- COMPASSPOINT - WEST --> |
---|
370 |
<td align="left"><cwc2 type="CompassPoint" Visible="true" styleresource="PanArrows" Direction="west" image="icons/icon_pan_w.png" PanPercent="80" imagetip="Pan West"> |
---|
371 |
<image state="normal"/> |
---|
372 |
<image state="hover"/> |
---|
373 |
<image state="selected"/> |
---|
374 |
</cwc2></td> |
---|
375 |
<td align="center"> </td> |
---|
376 |
<!-- COMPASSPOINT - EAST --> |
---|
377 |
<td align="right"><cwc2 type="CompassPoint" Visible="true" styleresource="PanArrows" Direction="east" image="icons/icon_pan_e.png" PanPercent="80" imagetip="Pan East"> |
---|
378 |
<image state="normal"/> |
---|
379 |
<image state="hover"/> |
---|
380 |
<image state="selected"/> |
---|
381 |
</cwc2></td> |
---|
382 |
</tr> |
---|
383 |
<tr valign="bottom"> |
---|
384 |
<!-- COMPASSPOINT - SOUTHWEST --> |
---|
385 |
<td align="left"><cwc2 type="CompassPoint" Visible="true" styleresource="PanArrows" Direction="southwest" image="icons/icon_pan_sw.png" PanPercent="80" imagetip="Pan SouthWest"> |
---|
386 |
<image state="normal"/> |
---|
387 |
<image state="hover"/> |
---|
388 |
<image state="selected"/> |
---|
389 |
</cwc2></td> |
---|
390 |
<!-- COMPASSPOINT - SOUTH --> |
---|
391 |
<td align="center"><cwc2 type="CompassPoint" Visible="true" styleresource="PanArrows" Direction="south" image="icons/icon_pan_s.png" PanPercent="80" imagetip="Pan South"> |
---|
392 |
<image state="normal"/> |
---|
393 |
<image state="hover"/> |
---|
394 |
<image state="selected"/> |
---|
395 |
</cwc2></td> |
---|
396 |
<!-- COMPASSPOINT - SOUTHEAST --> |
---|
397 |
<td align="right"><cwc2 type="CompassPoint" Visible="true" styleresource="PanArrows" Direction="southeast" image="icons/icon_pan_se.png" PanPercent="80" imagetip="Pan SouthEast"> |
---|
398 |
<image state="normal"/> |
---|
399 |
<image state="hover"/> |
---|
400 |
<image state="selected"/> |
---|
401 |
</cwc2></td> |
---|
402 |
</tr> |
---|
403 |
</table> |
---|
404 |
</div> |
---|
405 |
|
---|
406 |
<div id="MainMapLayer" name="MainMapLayer"> |
---|
407 |
<!-- MapDHTML --> |
---|
408 |
<cwc2 type="MapDHTML" visible="true" allowresize="true" width="578" height="447" marqueecolor="FF3333" marqueewidth="2" minscale="45000" maxscale="4200000"/> |
---|
409 |
</div> |
---|
410 |
|
---|
411 |
<div id="RefLayer" name="RefLayer"> |
---|
412 |
<table width="100%" border="0" cellspacing="4" cellpadding="0"> |
---|
413 |
<tr> |
---|
414 |
<!-- PROJECTIONLABEL --> |
---|
415 |
<td colspan="2" align="left"><cwc2 type="ProjectionLabel" label="Projection:" labelclass="label" widgetclass="inputBox"/></td> |
---|
416 |
</tr> |
---|
417 |
<tr> |
---|
418 |
<!-- MAPUNITS --> |
---|
419 |
<td colspan="2" align="left"><cwc2 type="MapUnits" label="Map Units: "labelposition="8" labelvalign="middle" labelclass="label" widgetclass="inputBox"/></td> |
---|
420 |
</tr> |
---|
421 |
<tr> |
---|
422 |
<!-- MAXY EXTENT --> |
---|
423 |
<td colspan ="2" align="center"><cwc2 type="Extent" label="Top: " visible="true" extent="maxy" labelposition="8" labelvalign="middle" labelclass="label"widgetclass="inputBox"/></td> |
---|
424 |
</tr> |
---|
425 |
<tr> |
---|
426 |
<!-- MINX EXTENT--> |
---|
427 |
<td align="center"><cwc2 type="Extent" label="Left: " visible="true" extent="minx" labelposition="8" labelvalign="middle" labelclass="label" widgetclass="inputBox"/></td> |
---|
428 |
<!-- MAXX EXTENT --> |
---|
429 |
<td align="center"><cwc2 type="Extent" label="Right: " visible="true" extent="maxx" labelposition="8" labelvalign="middle" labelclass="label" widgetclass="inputBox"/></td> |
---|
430 |
</tr> |
---|
431 |
<tr> |
---|
432 |
<!-- MINY EXTENT --> |
---|
433 |
<td colspan="2" align="center"><cwc2 type="Extent" label="Bottom: " visible="true" extent="miny" labelposition="8" labelvalign="middle" labelclass="label" widgetclass="inputBox"/></td> |
---|
434 |
</tr> |
---|
435 |
<tr><td colspan="2" align="center"><br><span class="label">Mouse Position</span></td></tr> |
---|
436 |
<tr> |
---|
437 |
<!-- CURSOR Y POSITION --> |
---|
438 |
<td colspan="2" align="left"><cwc2 type="Cursorpos" axis="Y" label="Lat: " labelposition="8" textfieldsize="16" labelvalign="middle" labelclass="label" |
---|
439 |
widgetclass="inputBox"></cwc2></td> |
---|
440 |
</tr> |
---|
441 |
<tr> |
---|
442 |
<!-- CURSOR X POSITION --> |
---|
443 |
<td colspan="2" align="right"><cwc2 type="Cursorpos" axis="X" label="Long: " labelposition="8" textfieldsize="16" labelvalign="middle" labelclass="label" |
---|
444 |
widgetclass="inputBox"></cwc2></td> |
---|
445 |
</tr> |
---|
446 |
<tr> |
---|
447 |
<!-- Link out to LORAN coverter --> |
---|
448 |
<td colspan="2" align ="middle"><a href="http://www.rdc.uscg.gov/Misc/POSAID2/tabid/95/Default.aspx" |
---|
449 |
target="_blank" ><span class="label">LORAN-C TD converter download</a></span><br><br></td> |
---|
450 |
</tr> |
---|
451 |
<tr> |
---|
452 |
<!-- RULER RESULT --> |
---|
453 |
<td colspan="2" align="middle"><p class="label"><cwc2 type="RulerResult" visible="true" label="Distance (nm):" textfieldsize="6" labelposition="8" |
---|
454 |
labelvalign="middle" labelclass="label"widgetclass="inputBox"/></p></td> |
---|
455 |
</tr> |
---|
456 |
<tr><td colspan="2"><br></td></tr> |
---|
457 |
<!-- SCALEBAR --> |
---|
458 |
<tr> |
---|
459 |
<td colspan="2" align="middle"><cwc2 type="Scalebar" units="MILES" visible="true" width="135" |
---|
460 |
height="2"></cwc2></td> |
---|
461 |
</tr> |
---|
462 |
<tr><td colspan="2"><br></td></tr> |
---|
463 |
<tr> |
---|
464 |
<td colspan="2" align="middle" valign="center"><cwc2 type="TrueNorth" TrueNorthImage="images/north_2_a.png"/></td></tr> |
---|
465 |
<tr><td colspan="2"><br></td></tr> |
---|
466 |
|
---|
467 |
<!-- KEYMAP --> |
---|
468 |
<tr> |
---|
469 |
<td colspan="2" align="left"><cwc2 type="KeyMapDHTML" image="../data/nccoos_basemap.jpg"/></td> |
---|
470 |
</tr> |
---|
471 |
|
---|
472 |
</table> |
---|
473 |
</div> |
---|
474 |
|
---|
475 |
|
---|
476 |
<div id="ScaleZoomLayer" name="ScaleZoomLayer"> |
---|
477 |
<table border="0" cellpadding="2" cellspacing="0"> |
---|
478 |
<tr><td><span class="label">Scale<br>Zoom:</span></td> |
---|
479 |
<td colspan="2"><cwc2 type="ScaleZoom" IncreaseImage="images/zoom_h_in.gif" DecreaseImage="images/zoom_h_out.gif" PutTableTags="true"> |
---|
480 |
<ZOOMVALUE SCALE="42000000" IMAGE="images/zoom_h_1.gif" IMAGEWIDTH="14" IMAGEHEIGHT="22"/>; |
---|
481 |
<ZOOMVALUE SCALE="21000000" IMAGE="images/zoom_h_2.gif" IMAGEWIDTH="14" IMAGEHEIGHT="22"/>; |
---|
482 |
<ZOOMVALUE SCALE="10500000" IMAGE="images/zoom_h_3.gif" IMAGEWIDTH="14" IMAGEHEIGHT="22"/>; |
---|
483 |
<ZOOMVALUE SCALE="5250000" IMAGE="images/zoom_h_4.gif" IMAGEWIDTH="14" IMAGEHEIGHT="22"/>; |
---|
484 |
<ZOOMVALUE SCALE="2125000" IMAGE="images/zoom_h_5.gif" IMAGEWIDTH="14" IMAGEHEIGHT="22"/>; |
---|
485 |
<ZOOMVALUE SCALE="1000000" IMAGE="images/zoom_h_6.gif" IMAGEWIDTH="14" IMAGEHEIGHT="22"/>; |
---|
486 |
</cwc2> |
---|
487 |
</td> |
---|
488 |
</tr> |
---|
489 |
<tr> |
---|
490 |
<td><span class="label">Ground<br>Scale:</span></td> |
---|
491 |
<td><cwc2 type="Scale" /></td> |
---|
492 |
<td><cwc2 type="UpdateMap" styleresource="NavButtons" visible="true" image="icons/icon_update.png" imagetip="Apply scale"> |
---|
493 |
<image state="normal"/> |
---|
494 |
<image state="selected"/> |
---|
495 |
<image state="hover"/> |
---|
496 |
</cwc2></td> |
---|
497 |
</tr> |
---|
498 |
</table></div> |
---|
499 |
|
---|
500 |
|
---|
501 |
<div id="TimeHandler" name="TimeHandler"> |
---|
502 |
<table border="0" cellpadding="2" cellspacing="0"> |
---|
503 |
<tr><td valign="top" rowspan="2"><b>Set Data Display Time </b><br> |
---|
504 |
<cwc2 type="TimeHandler"> |
---|
505 |
<OFFSET HOUR="2" NAME="Select an Offset"/>; |
---|
506 |
<OFFSET HOUR="2" NAME="Latest Data"/>; |
---|
507 |
<OFFSET HOUR="4" NAME="-4 hours"/>; |
---|
508 |
<OFFSET HOUR="6" NAME="-6 hours"/>; |
---|
509 |
<OFFSET HOUR="8" NAME="-8 hours"/>; |
---|
510 |
<OFFSET HOUR="10" NAME="-10 hours"/>; |
---|
511 |
<OFFSET HOUR="12" NAME="-12 hours"/>; |
---|
512 |
<OFFSET HOUR="14" NAME="-14 hours"/>; |
---|
513 |
<OFFSET HOUR="16" NAME="-16 hours"/>; |
---|
514 |
<OFFSET HOUR="18" NAME="-18 hours"/>; |
---|
515 |
<OFFSET HOUR="20" NAME="-20 hours"/>; |
---|
516 |
<OFFSET HOUR="22" NAME="-22 hours"/>; |
---|
517 |
<OFFSET HOUR="24" NAME="-24 hours"/>; |
---|
518 |
<OFFSET HOUR="26" NAME="-26 hours"/>; |
---|
519 |
<OFFSET HOUR="28" NAME="-28 hours"/>; |
---|
520 |
<OFFSET HOUR="30" NAME="-30 hours"/>; |
---|
521 |
<OFFSET HOUR="32" NAME="-32 hours"/>; |
---|
522 |
<OFFSET HOUR="34" NAME="-34 hours"/>; |
---|
523 |
<OFFSET HOUR="36" NAME="-36 hours"/>; |
---|
524 |
<OFFSET HOUR="38" NAME="-38 hours"/>; |
---|
525 |
<OFFSET HOUR="40" NAME="-40 hours"/>; |
---|
526 |
<OFFSET HOUR="42" NAME="-42 hours"/>; |
---|
527 |
<OFFSET HOUR="44" NAME="-44 hours"/>; |
---|
528 |
<OFFSET HOUR="46" NAME="-46 hours"/>; |
---|
529 |
<OFFSET HOUR="48" NAME="-48 hours"/>; |
---|
530 |
</cwc2> |
---|
531 |
</td> |
---|
532 |
</tr> |
---|
533 |
</table> |
---|
534 |
</div> |
---|
535 |
<!-- include the javascript code that manages the DHTML layers --> |
---|
536 |
<script language="JavaScript" src="sample.js" type="text/javascript"></script> |
---|
537 |
|
---|
538 |
</form> |
---|
539 |
</body> |
---|
540 |
</html> |
---|