<br>
<br>
<br>
<table width=100%>
<tr valign=top>
<td width=40%>
<td width=59%></table>
<br>
<br><font size=2 face="sans-serif">Ethan, thank you for your response.
&nbsp;Unfortunately I am still having trouble. &nbsp;</font>
<br><font size=2 face="sans-serif">Here is the URL that displays my webpage
with a red box in place of the map</font>
<br>
<br><font size=2 face="sans-serif">http://sr08dmnspl/cgi-bin/mapserv.exe?layer=major_basins&amp;zoomsize=2&amp;map=d%3A%2FwebData%2Fwatershed%2Fmajor_basins.map&amp;program=%2Fcgi-bin%2Fmapserv.exe&amp;root=http%3A%2F%2Fsr08dmnspl%2Fwatershed&amp;map_web_imagepath=.%2Ftmp%2F&amp;map_web_imageurl=http%3A%2F%2Fsr08dmnspl%2Fwatershed%2Ftmp%2F</font>
<br>
<br><font size=2 face="sans-serif">When I add 'mode=map' it displays my
map, but it is on a blank webpage.</font>
<br><font size=2 face="sans-serif">I have changed the extents of the map
in my code and it still does not show my map.</font>
<br>
<br><font size=2 face="sans-serif">Do you have any other suggestions?</font>
<br>
<br>
<br>
<br>
<table width=100%>
<tr valign=top>
<td width=40%><font size=1 face="sans-serif"><b>Ethan Alpert &lt;ealpert@DIGITALGLOBE.COM&gt;</b>
</font>
<br><font size=1 face="sans-serif">Sent by: UMN MapServer Users List &lt;MAPSERVER-USERS@LISTS.UMN.EDU&gt;</font>
<p><font size=1 face="sans-serif">11/10/2005 05:34 PM</font>
<table border>
<tr valign=top>
<td bgcolor=white>
<div align=center><font size=1 face="sans-serif">Please respond to<br>
Ethan Alpert &lt;ealpert@DIGITALGLOBE.COM&gt;</font></div></table>
<br>
<td width=59%>
<table width=100%>
<tr valign=top>
<td>
<div align=right><font size=1 face="sans-serif">To</font></div>
<td><font size=1 face="sans-serif">MAPSERVER-USERS@LISTS.UMN.EDU</font>
<tr valign=top>
<td>
<div align=right><font size=1 face="sans-serif">cc</font></div>
<td>
<tr valign=top>
<td>
<div align=right><font size=1 face="sans-serif">Subject</font></div>
<td><font size=1 face="sans-serif">Re: [UMN_MAPSERVER-USERS] DHTML rubber-band
box</font></table>
<br>
<table>
<tr valign=top>
<td>
<td></table>
<br></table>
<br>
<br>
<br><font size=2 color=blue face="Arial">Check your webserver logs and
look at the URL it's submitting...Copy that and in a browse use it changing
mode=browse to mode=map...If nothing displays then you most likely have
your projection or extents wrong. This is how I initially figured out how
to debug what was going on in the dhtml example.</font>
<br><font size=3>&nbsp;</font>
<br><font size=3>&nbsp;</font>
<br><font size=2 color=blue face="Arial">-e</font>
<br><font size=2 face="Tahoma">-----Original Message-----<b><br>
From:</b> UMN MapServer Users List [mailto:MAPSERVER-USERS@LISTS.UMN.EDU]
<b>On Behalf Of </b>Jennifer A Bennett<b><br>
Sent:</b> Thursday, November 10, 2005 2:57 PM<b><br>
To:</b> MAPSERVER-USERS@LISTS.UMN.EDU<b><br>
Subject:</b> [UMN_MAPSERVER-USERS] DHTML rubber-band box<br>
</font>
<br><font size=3 color=#4141ff face="sans-serif"><br>
I am trying to copy the code for the DHTML rubber-band box from the Itasca
Demo and cannot get it to show my map.</font><font size=3> </font><font size=3 color=#4141ff face="sans-serif"><br>
I am wondering what other code I must copy or change to make this work?</font><font size=3>
</font><font size=3 color=#4141ff face="sans-serif"><br>
I am able to get the gist of the Javascript code, but I am not familiar
enough to write new code.</font><font size=3> <br>
</font><font size=3 color=#4141ff face="sans-serif"><br>
So far I have copied the Javascript folder and most of the graphics from
the Graphics folder into my drive.</font><font size=3> </font><font size=3 color=#4141ff face="sans-serif"><br>
I have copied and inserted the portion of code below from the (Itasca)
index.html into my index.html file.</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
&lt;!-- EDIT THE FORM ACTION --&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;form name=&quot;watershed_main&quot; method=&quot;GET&quot;
action=&quot;/cgi-bin/mapserv.exe&quot;&gt;</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;layer&quot;
value=&quot;major_basins&quot;&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;layer&quot;
value=&quot;county&quot;&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;layer&quot;
value=&quot;MajRds&quot;&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;zoomsize&quot;
value=2&gt;</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;!-- EDIT THESE HIDDEN VARIABLES --&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;map&quot;
value=&quot;d:/webData/watershed/major_basins.map&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;program&quot;
value=&quot;/cgi-bin/mapserv.exe&quot;&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;root&quot;
value=&quot;http://sr08dmnspl/watershed&quot;&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;map_web_imagepath&quot;
value=&quot;./tmp/&quot;&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;hidden&quot; name=&quot;map_web_imageurl&quot;
value=&quot;http://sr08dmnspl/watershed/tmp/&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;input type=&quot;submit&quot; value=&quot;Start
Application&quot;&gt;&lt;/center&gt;</font><font size=3> <br>
<br>
</font><font size=3 color=#4141ff face="sans-serif"><br>
I have also copied the code below from the itasca_adds_dhtml.html file
and placed it into my file called watershed_main.html</font><font size=3>
<br>
</font><font size=3 color=#4141ff face="sans-serif"><br>
Here is my watershed_main.html code</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
&lt;!-- watershed_main.html</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; This is the start of the interactive major watershed map. --&gt;</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
&lt;html&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
&lt;head&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
&lt;title&gt;Interactive Major (HUC Level 4) Web Page&lt;/title&gt;</font><font size=3>
<br>
<br>
<br>
</font><font size=3 face="sans-serif"><br>
&lt;!-- the DHTML JavaScript library includes --&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
&lt;script type=&quot;text/javascript&quot; src=&quot;../watershed/javascript/cbe/cbe_core.js&quot;&gt;&lt;/script&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
&lt;script type=&quot;text/javascript&quot; src=&quot;../watershed/javascript/cbe/cbe_event.js&quot;&gt;&lt;/script&gt;</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
&lt;!-- MapServer specific JavaScript library includes --&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
&lt;script language=&quot;javascript&quot; src=&quot;../watershed/javascript/mapserv.js&quot;&gt;&lt;/script&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
&lt;script language=&quot;JavaScript&quot; src=&quot;../watershed/javascript/dbox.js&quot;&gt;&lt;/script&gt;</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
&lt;!-- utility library --&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
&lt;script language=&quot;JavaScript&quot; src=&quot;../watershed/javascript/utils.js&quot;&gt;&lt;/script&gt;</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
&lt;!-- scripting specific to the application --&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
&lt;script language=&quot;javascript&quot;&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// first, nab any arguments passed to this page (so we don't have
to edit the page)</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;var args = getargs();</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// the DHTML main mapping window (note the significance of the name
&quot;main&quot; here and with the Mapserv object)</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;var main = new dBox(&quot;main&quot;,600, 600, &quot;#FF0000&quot;,
2);</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// main.verbose = true;</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// the DHTML reference map window</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;var reference = new dBox(&quot;reference&quot;, 120, 120, &quot;#989898&quot;,
1);</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;reference.box = false;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;reference.cursorsize = 0;</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// mapserv.js global variables</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;var MapServer = args.program;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;var QueryServer = MapServer;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;var Interface = &quot;dhtml&quot;;</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// create the Mapserv object</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;var ms = new Mapserv(&quot;main&quot;, args.map, 149599, 4782069,
767075, 5483304, 600, 600);</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;ms.minscale = 1000;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;ms.maxscale = 1550000;</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// layer definitions</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;ms.layers[ms.layes.length] = new layer ('major_basins','Major Basins','layers',true,
null, null)</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;ms.layers[ms.layers.length] = new Layer('county', 'Counties', 'layers',
false, null, null);</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;ms.layers[ms.layers.length] = new Layer('MajRds', 'Major Roads',
'layers', false, null, null);</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;ms.buildlayers();</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// add the reference map</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;ms.referencemap = new Mapserv(&quot;reference&quot;, args.map, 393234.393701263,
5205405.16440722, 495769.579718949, 5307959.02579127, 120, 120);</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;//</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// Extensions to Mapserv.draw(): this allows you to exend the capabilties
of</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// of the default draw method. There are post and pre draw functions
available.</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;//</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;function predraw() {</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;// clear any query results</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;top.query_frame.location.href='watershed_main.html';</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;// update the scalebars</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;document.scalebar_miles.src = MapServer + &quot;?map=&quot;
+ ms.mapfile + &quot;&amp;mode=scalebar&amp;mapext=0+0+&quot; + (ms.extent[2]
- ms.extent[0]) + &quot;+&quot; + (ms.extent[3] - ms.extent[1]) + &quot;&amp;mapsize=&quot;
+ ms.width + &quot;+&quot; + ms.height;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;document.scalebar_kilometers.src = MapServer + &quot;?map=&quot;
+ ms.mapfile + &quot;&amp;map_scalebar_units=kilometers&amp;mode=scalebar&amp;mapext=0+0+&quot;
+ (ms.extent[2] - ms.extent[0]) + &quot;+&quot; + (ms.extent[3] - ms.extent[1])
+ &quot;&amp;mapsize=&quot; + ms.width + &quot;+&quot; + ms.height;</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;// update the legend</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;document.legend.src = MapServer + &quot;?map=&quot; + ms.mapfile
+ &quot;&amp;mode=legend&amp;layers=&quot; + ms.layerlist;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;reference.sync();</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;}</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;//</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// Functions that are called by the jBox applet or the dBox javascript
code:</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// basically these provide the gateway from the applet/layers to
the rest of</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// the application. Note that they are the same regardless of implementation.</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;//</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// Bottom line: you may want to swipe some of this code.</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;//</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;// jBox/dBox errors are passed to the browser via this function</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;function seterror_handler(name, message) { alert(&quot;Component
&quot; + name + &quot; error: &quot; + message); }</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// allows jBox/dBox to reset without redrawing</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;function reset_handler(name, minx, miny, maxx, maxy) { }</font><font size=3>
<br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// called from jBox/dBox when the user initiates change</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;function setbox_handler(name, minx, miny, maxx, maxy) {</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;if(name == 'reference') {</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;ms.applyreference(minx, miny);</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;ms.draw();</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;} else {</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;if(ms.mode == 'map') {</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;if(minx != maxx &amp;&amp; miny != maxy)</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;ms.applybox(minx, miny, maxx, maxy);</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;else</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;ms.applyzoom(minx, miny);</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;ms.draw();</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;} else if(ms.mode != 'map') {</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;ms.applyquerybox(minx, miny, maxx, maxy); //
these just set members</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;ms.applyquerypoint(minx, miny); &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;ms.query(); // builds query URL</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;top.query_frame.location.href = ms.url;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;}</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;}</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;}</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>
 &nbsp;// various event handlers called by jBox/dBox</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;function mousemove_handler(name, x, y) {</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;window.status = &quot;UTM Coordinates: x=&quot; + Math.round(Number(ms.extent[0]
+ x*ms.cellsize)) + &quot; and y=&quot; + Math.round(Number(ms.extent[3]
- y*ms.cellsize));</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;}</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;function mouseexit_handler(name) { window.status = &quot;&quot;;
}</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;function mouseenter_handler(name) { window.status = &quot;&quot;;
}</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp;// page initialization function</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;function windowOnload() {</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;main.initialize();</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;reference.initialize();</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;ms.zoomdir=1;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;ms.draw();</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;}</font><font size=3> </font><font size=3 face="sans-serif"><br>
&lt;/script&gt;</font><font size=3> <br>
<br>
</font><font size=3 face="sans-serif"><br>
&lt;p align=&quot;center&quot;&gt;Interactive Major (HUC Level 4) Web Page&lt;/p&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
&lt;/b&gt;&lt;/font&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
&lt;hr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
&lt;table border=0 cellpadding=5&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
&lt;tr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;&lt;td align=center valign=&quot;top&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;&lt;table width=&quot;390&quot; border=&quot;0&quot; cellspacing=&quot;0&quot;
cellpadding=&quot;0&quot; align=&quot;center&quot; bgcolor=&quot;#666666&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;tr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;right&quot; width=&quot;18&quot;&gt;&lt;a
href=&quot;javascript:ms.pan('nw')&quot;&gt;&lt;img src=&quot;../watershed/images/nw.gif&quot;
width=&quot;18&quot; height=&quot;18&quot; border=&quot;0&quot; alt=&quot;pan
northwest&quot;&gt;&lt;/a&gt;&lt;/td&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;center&quot;&gt;&lt;a href=&quot;javascript:ms.pan('n')&quot;&gt;&lt;img
src=&quot;../watershed/images/n.gif&quot; width=&quot;23&quot; height=&quot;18&quot;
border=&quot;0&quot; alt=&quot;pan north&quot;&gt;&lt;/a&gt;&lt;/td&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;left&quot; width=&quot;18&quot;&gt;&lt;a
href=&quot;javascript:ms.pan('ne')&quot;&gt;&lt;img src=&quot;../watershed/images/ne.gif&quot;
width=&quot;18&quot; height=&quot;18&quot; border=&quot;0&quot; alt=&quot;pan
northeast&quot;&gt;&lt;/a&gt;&lt;/td&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;/tr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;tr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;right&quot; width=&quot;18&quot;&gt;&lt;a
href=&quot;javascript:ms.pan('w')&quot;&gt;&lt;img src=&quot;../watershed/images/w.gif&quot;
width=&quot;18&quot; height=&quot;23&quot; border=&quot;0&quot; alt=&quot;pan
west&quot;&gt;&lt;/a&gt;&lt;/td&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;center&quot; bgcolor=&quot;#cccccc&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;!-- this is the holding spot (the anchor)
for the map --&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;DIV id=&quot;main_anchor&quot; style=&quot;position:relative;
visibility:visible; width:100%; height:100%; left:0px; top:0px;&quot;&gt;&lt;IMG
src=&quot;../watershed/images/red_pixel.gif&quot; height=&quot;600&quot;
width=&quot;600&quot;&gt;&lt;/DIV&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;!-- absolutely positioned layer to hold
the map --&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;DIV id=&quot;main&quot; style=&quot;position:absolute;
visibility:visible; width:100%; height:100%; clip:rect(100%,100%,100%,100%);
background:transparent;&quot;&gt;&lt;IMG name=&quot;main&quot; src=&quot;../watershed/images/transparent_pixel.gif&quot;
height=&quot;600&quot; width=&quot;600&quot;&gt;&lt;/DIV&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &lt;/td&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;left&quot; width=&quot;18&quot;&gt;&lt;a
href=&quot;javascript:ms.pan('e')&quot;&gt;&lt;img src=&quot;../watershed/images/e.gif&quot;
width=&quot;18&quot; height=&quot;23&quot; border=&quot;0&quot; alt=&quot;pan
east&quot;&gt;&lt;/a&gt;&lt;/td&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;/tr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;tr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;right&quot; width=&quot;18&quot;&gt;&lt;a
href=&quot;javascript:ms.pan('sw')&quot;&gt;&lt;img src=&quot;../watershed/images/sw.gif&quot;
width=&quot;18&quot; height=&quot;18&quot; border=&quot;0&quot; alt=&quot;pan
southwest&quot;&gt;&lt;/a&gt;&lt;/td&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;center&quot;&gt;&lt;a href=&quot;javascript:ms.pan('s')&quot;&gt;&lt;img
src=&quot;../watershed/images/s.gif&quot; width=&quot;23&quot; height=&quot;18&quot;
border=&quot;0&quot; alt=&quot;pan south&quot;&gt;&lt;/a&gt;&lt;/td&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;td align=&quot;left&quot; width=&quot;18&quot;&gt;&lt;a
href=&quot;javascript:ms.pan('se')&quot;&gt;&lt;img src=&quot;../watershed/images/se.gif&quot;
width=&quot;18&quot; height=&quot;18&quot; border=&quot;0&quot; alt=&quot;pan
southeast&quot;&gt;&lt;/a&gt;&lt;/td&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;/tr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;tr&gt;&lt;td bgcolor=&quot;#666666&quot; colspan=&quot;3&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;img name=&quot;scalebar_kilometers&quot; align=&quot;right&quot;
title=&quot;scalebar (km)&quot; alt=&quot;scalebar (km)&quot; src=&quot;../watershed/images/white_pixel.gif&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;img name=&quot;scalebar_miles&quot; title=&quot;scalebar
(mi)&quot; alt=&quot;scalebar (mi)&quot; src=&quot;../watershed/images/white_pixel.gif&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;/td&gt;&lt;/tr&gt;</font><font size=3> <br>
</font><font size=3 face="sans-serif"><br>
&lt;/table&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp;&lt;td valign=top&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;p align=&quot;left&quot;&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;font size=+2 face=arial,helvetica&gt;&lt;b&gt;MAP CONTROLS&lt;/b&gt;&lt;/font&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;hr&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;br&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;!-- Note that we don't have a submit action for this
form, we only need the form for some controls --&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp;&lt;form name=&quot;mapserv&quot; action=&quot;javascript:void(0)&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;p&gt;&lt;b&gt;Choose an Action: &lt;/b&gt;&lt;br&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;input onClick=&quot;ms.mode='map'&quot;
type=&quot;radio&quot; name=&quot;mode&quot; checked&gt; Browse map&lt;br&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;input onClick=&quot;ms.mode='query'&quot;
type=&quot;radio&quot; name=&quot;mode&quot;&gt; Query feature&lt;br&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;input onClick=&quot;ms.mode='nquery'&quot;
type=&quot;radio&quot; name=&quot;mode&quot;&gt; Query multiple features</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;<br>
 &nbsp; &nbsp;&lt;!--&lt;font size=+1 face=arial,helvetica&gt;Layers&lt;/font&gt;--&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;br&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;p&gt;&lt;b&gt;Select Layers to Display: &lt;/b&gt;&lt;br&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;select multiple name=&quot;layers&quot; size=3 onChange=&quot;ms.togglelayers(this)&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;option value=&quot;county&quot;&gt; Counties <br>
 &nbsp; &nbsp;&lt;option value=&quot;MajRds&quot;&gt; Major Roads <br>
 &nbsp; &nbsp;&lt;/select&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;br&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;<br>
 &nbsp; &nbsp; &nbsp; </font><font size=3>&nbsp;</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp;&lt;p&gt;&lt;b&gt;Zoom Controls: &lt;/b&gt;&lt;br&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;input onClick=&quot;ms.zoomdir=1&quot;
type=radio name=zoomdir checked&gt;Zoom In&lt;br&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;input onClick=&quot;ms.zoomdir=0&quot;
type=radio name=zoomdir&gt;Pan&lt;br&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;input onClick=&quot;ms.zoomdir=-1&quot;
type=radio name=zoomdir&gt;Zoom Out</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;p&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
 &nbsp; &nbsp; &nbsp; &nbsp;Zoom Size &lt;input type=text name=zoomsize
size=4 value=2 onChange=&quot;ms.zoomsize=this.value&quot;&gt;</font><font size=3>
</font><font size=3 face="sans-serif"><br>
 &nbsp;&lt;/td&gt;</font><font size=3> </font><font size=3 face="sans-serif"><br>
&lt;/tr&gt;&lt;/table&gt;</font><font size=3> </font>
<br>
<br>