NCCOOS Trac Projects: Top | Web | Platforms | Processing | Viz | Sprints | Sandbox | (Wind)

root/Interactive_Map/trunk/Interactive_Map/htdocs/nccoos.html

Revision 41 (checked in by jcleary, 16 years ago)

Production code checkin

Line 
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) {  //reloads the window if Nav4 resized
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">&nbsp;</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&nbsp;&nbsp;&nbsp;&nbsp;</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>
Note: See TracBrowser for help on using the browser.