<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Message</TITLE>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.2900.2604" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=412292220-16112005><FONT face=Arial color=#0000ff size=2>Since 
I can't see your mapfile I'm not sure what could be the problem. If you are not 
using&nbsp;long/lat coordinates then you'll need to dig into the dhtml code as 
I'm pretty sure it's just set up by default for long/lat.</FONT></SPAN></DIV>
<DIV><SPAN class=412292220-16112005><FONT face=Arial color=#0000ff 
size=2></FONT></SPAN>&nbsp;</DIV>
<DIV><SPAN class=412292220-16112005><FONT face=Arial color=#0000ff size=2>Keep 
using the mode=map until you get a map cause that is the first step. If you get 
a blank page your map file is not correct. You absolutly must get that right 
before trying to integrate it with the dhtml box.</FONT></SPAN></DIV>
<DIV><SPAN class=412292220-16112005><FONT face=Arial color=#0000ff 
size=2></FONT></SPAN>&nbsp;</DIV>
<DIV><SPAN class=412292220-16112005><FONT face=Arial color=#0000ff size=2>I'll 
look at the dhtml code and see if I can give some pointers but I suggest getting 
the map to display first.</FONT></SPAN></DIV>
<DIV><SPAN class=412292220-16112005><FONT face=Arial color=#0000ff 
size=2></FONT></SPAN>&nbsp;</DIV>
<DIV><SPAN class=412292220-16112005><FONT face=Arial color=#0000ff 
size=2>-e</FONT></SPAN></DIV>
<BLOCKQUOTE style="MARGIN-RIGHT: 0px">
  <DIV></DIV>
  <DIV class=OutlookMessageHeader lang=en-us dir=ltr align=left><FONT 
  face=Tahoma size=2>-----Original Message-----<BR><B>From:</B> UMN MapServer 
  Users List [mailto:MAPSERVER-USERS@LISTS.UMN.EDU] <B>On Behalf Of </B>Jennifer 
  A Bennett<BR><B>Sent:</B> Wednesday, November 16, 2005 12:48 PM<BR><B>To:</B> 
  MAPSERVER-USERS@LISTS.UMN.EDU<BR><B>Subject:</B> Re: [UMN_MAPSERVER-USERS] 
  DHTML rubber-band box<BR><BR></FONT></DIV><BR><BR><BR>
  <TABLE width="100%">
    <TBODY>
    <TR vAlign=top>
      <TD width="40%">
      <TD width="59%"></TR></TBODY></TABLE><BR><BR><FONT face=sans-serif 
  size=2>Ethan, thank you for your response. &nbsp;Unfortunately I am still 
  having trouble. &nbsp;</FONT> <BR><FONT face=sans-serif size=2>Here is the URL 
  that displays my webpage with a red box in place of the map</FONT> 
  <BR><BR><FONT face=sans-serif 
  size=2>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 face=sans-serif size=2>When I add 'mode=map' it displays my map, 
  but it is on a blank webpage.</FONT> <BR><FONT face=sans-serif size=2>I have 
  changed the extents of the map in my code and it still does not show my 
  map.</FONT> <BR><BR><FONT face=sans-serif size=2>Do you have any other 
  suggestions?</FONT> <BR><BR><BR><BR>
  <TABLE width="100%">
    <TBODY>
    <TR vAlign=top>
      <TD width="40%"><FONT face=sans-serif size=1><B>Ethan Alpert 
        &lt;ealpert@DIGITALGLOBE.COM&gt;</B> </FONT><BR><FONT face=sans-serif 
        size=1>Sent by: UMN MapServer Users List 
        &lt;MAPSERVER-USERS@LISTS.UMN.EDU&gt;</FONT> 
        <P><FONT face=sans-serif size=1>11/10/2005 05:34 PM</FONT> 
        <TABLE border=1>
          <TBODY>
          <TR vAlign=top>
            <TD bgColor=white>
              <DIV align=center><FONT face=sans-serif size=1>Please respond 
              to<BR>Ethan Alpert 
          &lt;ealpert@DIGITALGLOBE.COM&gt;</FONT></DIV></TR></TBODY></TABLE><BR></P>
      <TD width="59%">
        <TABLE width="100%">
          <TBODY>
          <TR vAlign=top>
            <TD>
              <DIV align=right><FONT face=sans-serif size=1>To</FONT></DIV>
            <TD><FONT face=sans-serif 
              size=1>MAPSERVER-USERS@LISTS.UMN.EDU</FONT> 
          <TR vAlign=top>
            <TD>
              <DIV align=right><FONT face=sans-serif size=1>cc</FONT></DIV>
            <TD>
          <TR vAlign=top>
            <TD>
              <DIV align=right><FONT face=sans-serif size=1>Subject</FONT></DIV>
            <TD><FONT face=sans-serif size=1>Re: [UMN_MAPSERVER-USERS] DHTML 
              rubber-band box</FONT></TR></TBODY></TABLE><BR>
        <TABLE>
          <TBODY>
          <TR vAlign=top>
            <TD>
            <TD></TR></TBODY></TABLE><BR></TR></TBODY></TABLE><BR><BR><BR><FONT face=Arial 
  color=blue size=2>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 face=Arial color=blue size=2>-e</FONT> 
  <BR><FONT face=Tahoma size=2>-----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 
  face=sans-serif color=#4141ff size=3><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 face=sans-serif color=#4141ff 
  size=3><BR>I am wondering what other code I must copy or change to make this 
  work?</FONT><FONT size=3> </FONT><FONT face=sans-serif color=#4141ff 
  size=3><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 
  face=sans-serif color=#4141ff size=3><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 face=sans-serif color=#4141ff 
  size=3><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 face=sans-serif size=3><BR>&lt;!-- EDIT THE FORM ACTION 
  --&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;&lt;form name="watershed_main" method="GET" 
  action="/cgi-bin/mapserv.exe"&gt;</FONT><FONT size=3> <BR></FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input type="hidden" 
  name="layer" value="major_basins"&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input type="hidden" 
  name="layer" value="county"&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input type="hidden" 
  name="layer" value="MajRds"&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input type="hidden" 
  name="zoomsize" value=2&gt;</FONT><FONT size=3> <BR></FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;!-- EDIT THESE HIDDEN 
  VARIABLES --&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input type="hidden" name="map" 
  value="d:/webData/watershed/major_basins.map"&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input 
  type="hidden" name="program" value="/cgi-bin/mapserv.exe"&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input 
  type="hidden" name="root" value="http://sr08dmnspl/watershed"&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input 
  type="hidden" name="map_web_imagepath" value="./tmp/"&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input 
  type="hidden" name="map_web_imageurl" 
  value="http://sr08dmnspl/watershed/tmp/"&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;input type="submit" 
  value="Start Application"&gt;&lt;/center&gt;</FONT><FONT size=3> 
  <BR><BR></FONT><FONT face=sans-serif color=#4141ff size=3><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 
  face=sans-serif color=#4141ff size=3><BR>Here is my watershed_main.html 
  code</FONT><FONT size=3> <BR></FONT><FONT face=sans-serif size=3><BR>&lt;!-- 
  watershed_main.html</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; This is the start of the interactive major watershed map. 
  --&gt;</FONT><FONT size=3> <BR></FONT><FONT face=sans-serif 
  size=3><BR>&lt;html&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&lt;head&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&lt;title&gt;Interactive Major (HUC Level 4) Web 
  Page&lt;/title&gt;</FONT><FONT size=3> <BR><BR><BR></FONT><FONT 
  face=sans-serif size=3><BR>&lt;!-- the DHTML JavaScript library includes 
  --&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&lt;script 
  type="text/javascript" 
  src="../watershed/javascript/cbe/cbe_core.js"&gt;&lt;/script&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&lt;script 
  type="text/javascript" 
  src="../watershed/javascript/cbe/cbe_event.js"&gt;&lt;/script&gt;</FONT><FONT 
  size=3> <BR></FONT><FONT face=sans-serif size=3><BR>&lt;!-- MapServer specific 
  JavaScript library includes --&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&lt;script language="javascript" 
  src="../watershed/javascript/mapserv.js"&gt;&lt;/script&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&lt;script 
  language="JavaScript" 
  src="../watershed/javascript/dbox.js"&gt;&lt;/script&gt;</FONT><FONT size=3> 
  <BR></FONT><FONT face=sans-serif size=3><BR>&lt;!-- utility library 
  --&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&lt;script 
  language="JavaScript" 
  src="../watershed/javascript/utils.js"&gt;&lt;/script&gt;</FONT><FONT size=3> 
  <BR></FONT><FONT face=sans-serif size=3><BR>&lt;!-- scripting specific to the 
  application --&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&lt;script language="javascript"&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><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 face=sans-serif size=3><BR>&nbsp;var args = 
  getargs();</FONT><FONT size=3> <BR></FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;// the DHTML main mapping window (note the significance of 
  the name "main" here and with the Mapserv object)</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;var main = new dBox("main",600, 
  600, "#FF0000", 2);</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;// main.verbose = true;</FONT><FONT size=3> <BR></FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;// the DHTML reference map window</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp;var reference = new 
  dBox("reference", 120, 120, "#989898", 1);</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;reference.box = false;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;reference.cursorsize = 
  0;</FONT><FONT size=3> <BR></FONT><FONT face=sans-serif size=3><BR>&nbsp;// 
  mapserv.js global variables</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;var MapServer = args.program;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;var QueryServer = 
  MapServer;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;var Interface = "dhtml";</FONT><FONT size=3> <BR></FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;// create the Mapserv object</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp;var ms = new 
  Mapserv("main", args.map, 149599, 4782069, 767075, 5483304, 600, 
  600);</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;ms.minscale = 1000;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;ms.maxscale = 1550000;</FONT><FONT size=3> 
  <BR></FONT><FONT face=sans-serif size=3><BR>&nbsp;// layer 
  definitions</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;ms.layers[ms.layes.length] = new layer ('major_basins','Major 
  Basins','layers',true, null, null)</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;ms.layers[ms.layers.length] = new 
  Layer('county', 'Counties', 'layers', false, null, null);</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;ms.layers[ms.layers.length] = 
  new Layer('MajRds', 'Major Roads', 'layers', false, null, null);</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;ms.buildlayers();</FONT><FONT size=3> <BR></FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;// add the reference map</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;ms.referencemap = new 
  Mapserv("reference", args.map, 393234.393701263, 5205405.16440722, 
  495769.579718949, 5307959.02579127, 120, 120);</FONT><FONT size=3> 
  <BR></FONT><FONT face=sans-serif size=3><BR>&nbsp;//</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;// Extensions to Mapserv.draw(): 
  this allows you to exend the capabilties of</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;// of the default draw method. There are post 
  and pre draw functions available.</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;//</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;function predraw() {</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;// clear any query 
  results</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;top.query_frame.location.href='watershed_main.html';</FONT><FONT size=3> 
  <BR></FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;// update the 
  scalebars</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;document.scalebar_miles.src = MapServer + "?map=" + ms.mapfile + 
  "&amp;mode=scalebar&amp;mapext=0+0+" + (ms.extent[2] - ms.extent[0]) + "+" + 
  (ms.extent[3] - ms.extent[1]) + "&amp;mapsize=" + ms.width + "+" + 
  ms.height;</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;document.scalebar_kilometers.src = MapServer + "?map=" + ms.mapfile + 
  "&amp;map_scalebar_units=kilometers&amp;mode=scalebar&amp;mapext=0+0+" + 
  (ms.extent[2] - ms.extent[0]) + "+" + (ms.extent[3] - ms.extent[1]) + 
  "&amp;mapsize=" + ms.width + "+" + ms.height;</FONT><FONT size=3> 
  <BR></FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;// update the 
  legend</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;document.legend.src = MapServer + "?map=" + ms.mapfile + 
  "&amp;mode=legend&amp;layers=" + ms.layerlist;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;reference.sync();</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;}</FONT><FONT size=3> <BR></FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;//</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;// Functions that are called by the jBox applet or the dBox 
  javascript code:</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;// basically these provide the gateway from the applet/layers 
  to the rest of</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;// the application. Note that they are the same regardless of 
  implementation.</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;//</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;// Bottom line: you may want to swipe some of this 
  code.</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;//</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;// jBox/dBox errors are passed to the browser via this 
  function</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;function seterror_handler(name, message) { alert("Component " 
  + name + " error: " + message); }</FONT><FONT size=3> <BR></FONT><FONT 
  face=sans-serif size=3><BR>&nbsp;// allows jBox/dBox to reset without 
  redrawing</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;function reset_handler(name, minx, miny, maxx, maxy) { 
  }</FONT><FONT size=3> <BR></FONT><FONT face=sans-serif size=3><BR>&nbsp;// 
  called from jBox/dBox when the user initiates change</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;function setbox_handler(name, 
  minx, miny, maxx, maxy) {</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp;if(name == 'reference') {</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; 
  &nbsp;ms.applyreference(minx, miny);</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;ms.draw();</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;} else {</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;if(ms.mode 
  == 'map') {</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp; &nbsp; &nbsp;if(minx != maxx &amp;&amp; miny != maxy)</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp; 
  &nbsp;ms.applybox(minx, miny, maxx, maxy);</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;else</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp; 
  &nbsp;ms.applyzoom(minx, miny);</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;ms.draw();</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;} else 
  if(ms.mode != 'map') {</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;ms.applyquerybox(minx, miny, maxx, 
  maxy); // these just set members</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;ms.applyquerypoint(minx, 
  miny); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;ms.query(); // builds 
  query URL</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp; &nbsp; &nbsp;top.query_frame.location.href = ms.url;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; 
  &nbsp;}</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;}</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;}</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<BR>&nbsp;// various event 
  handlers called by jBox/dBox</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;function mousemove_handler(name, x, y) {</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;window.status = "UTM 
  Coordinates: x=" + Math.round(Number(ms.extent[0] + x*ms.cellsize)) + " and 
  y=" + Math.round(Number(ms.extent[3] - y*ms.cellsize));</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;}</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;function mouseexit_handler(name) 
  { window.status = ""; }</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;function mouseenter_handler(name) { window.status = ""; 
  }</FONT><FONT size=3> <BR></FONT><FONT face=sans-serif size=3><BR>&nbsp;// 
  page initialization function</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;function windowOnload() {</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp;main.initialize();</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;reference.initialize();</FONT><FONT size=3> <BR></FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp;ms.zoomdir=1;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;ms.draw();</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp;}</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&lt;/script&gt;</FONT><FONT size=3> 
  <BR><BR></FONT><FONT face=sans-serif size=3><BR>&lt;p 
  align="center"&gt;Interactive Major (HUC Level 4) Web 
  Page&lt;/p&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&lt;/b&gt;&lt;/font&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&lt;hr&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&lt;table border=0 cellpadding=5&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&lt;tr&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp;&lt;td align=center 
  valign="top"&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp;&lt;table width="390" border="0" cellspacing="0" 
  cellpadding="0" align="center" bgcolor="#666666"&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;tr&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td 
  align="right" width="18"&gt;&lt;a href="javascript:ms.pan('nw')"&gt;&lt;img 
  src="../watershed/images/nw.gif" width="18" height="18" border="0" alt="pan 
  northwest"&gt;&lt;/a&gt;&lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td align="center"&gt;&lt;a 
  href="javascript:ms.pan('n')"&gt;&lt;img src="../watershed/images/n.gif" 
  width="23" height="18" border="0" alt="pan 
  north"&gt;&lt;/a&gt;&lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td align="left" 
  width="18"&gt;&lt;a href="javascript:ms.pan('ne')"&gt;&lt;img 
  src="../watershed/images/ne.gif" width="18" height="18" border="0" alt="pan 
  northeast"&gt;&lt;/a&gt;&lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;/tr&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;tr&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td 
  align="right" width="18"&gt;&lt;a href="javascript:ms.pan('w')"&gt;&lt;img 
  src="../watershed/images/w.gif" width="18" height="23" border="0" alt="pan 
  west"&gt;&lt;/a&gt;&lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td align="center" 
  bgcolor="#cccccc"&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;!-- this is the holding spot (the 
  anchor) for the map --&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;DIV id="main_anchor" 
  style="position:relative; visibility:visible; width:100%; height:100%; 
  left:0px; top:0px;"&gt;&lt;IMG src="../watershed/images/red_pixel.gif" 
  height="600" width="600"&gt;&lt;/DIV&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;!-- absolutely 
  positioned layer to hold the map --&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;DIV id="main" 
  style="position:absolute; visibility:visible; width:100%; height:100%; 
  clip:rect(100%,100%,100%,100%); background:transparent;"&gt;&lt;IMG 
  name="main" src="../watershed/images/transparent_pixel.gif" height="600" 
  width="600"&gt;&lt;/DIV&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td align="left" 
  width="18"&gt;&lt;a href="javascript:ms.pan('e')"&gt;&lt;img 
  src="../watershed/images/e.gif" width="18" height="23" border="0" alt="pan 
  east"&gt;&lt;/a&gt;&lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;/tr&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;tr&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td 
  align="right" width="18"&gt;&lt;a href="javascript:ms.pan('sw')"&gt;&lt;img 
  src="../watershed/images/sw.gif" width="18" height="18" border="0" alt="pan 
  southwest"&gt;&lt;/a&gt;&lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td align="center"&gt;&lt;a 
  href="javascript:ms.pan('s')"&gt;&lt;img src="../watershed/images/s.gif" 
  width="23" height="18" border="0" alt="pan 
  south"&gt;&lt;/a&gt;&lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;td align="left" 
  width="18"&gt;&lt;a href="javascript:ms.pan('se')"&gt;&lt;img 
  src="../watershed/images/se.gif" width="18" height="18" border="0" alt="pan 
  southeast"&gt;&lt;/a&gt;&lt;/td&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;/tr&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;tr&gt;&lt;td 
  bgcolor="#666666" colspan="3"&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;img 
  name="scalebar_kilometers" align="right" title="scalebar (km)" alt="scalebar 
  (km)" src="../watershed/images/white_pixel.gif"&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp;&lt;img 
  name="scalebar_miles" title="scalebar (mi)" alt="scalebar (mi)" 
  src="../watershed/images/white_pixel.gif"&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;/td&gt;&lt;/tr&gt;</FONT><FONT 
  size=3> <BR></FONT><FONT face=sans-serif size=3><BR>&lt;/table&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp;&lt;td 
  valign=top&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp;&lt;p align="left"&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><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 
  face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;hr&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;br&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><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 face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp;&lt;form name="mapserv" 
  action="javascript:void(0)"&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><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 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;input 
  onClick="ms.mode='map'" type="radio" name="mode" checked&gt; Browse 
  map&lt;br&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;input onClick="ms.mode='query'" 
  type="radio" name="mode"&gt; Query feature&lt;br&gt;</FONT><FONT size=3> 
  </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;input 
  onClick="ms.mode='nquery'" type="radio" name="mode"&gt; Query multiple 
  features</FONT><FONT size=3> </FONT><FONT face=sans-serif size=3><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 face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;br&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><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 face=sans-serif 
  size=3><BR>&nbsp; &nbsp;&lt;select multiple name="layers" size=3 
  onChange="ms.togglelayers(this)"&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp;&lt;option value="county"&gt; Counties 
  <BR>&nbsp; &nbsp;&lt;option value="MajRds"&gt; Major Roads <BR>&nbsp; 
  &nbsp;&lt;/select&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp;&lt;br&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp;<BR>&nbsp; &nbsp; &nbsp; </FONT><FONT 
  size=3>&nbsp;</FONT><FONT face=sans-serif size=3><BR>&nbsp; 
  &nbsp;&lt;p&gt;&lt;b&gt;Zoom Controls: &lt;/b&gt;&lt;br&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; 
  &nbsp;&lt;input onClick="ms.zoomdir=1" type=radio name=zoomdir checked&gt;Zoom 
  In&lt;br&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;input onClick="ms.zoomdir=0" 
  type=radio name=zoomdir&gt;Pan&lt;br&gt;</FONT><FONT size=3> </FONT><FONT 
  face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;&lt;input 
  onClick="ms.zoomdir=-1" type=radio name=zoomdir&gt;Zoom Out</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp; &nbsp; &nbsp; 
  &nbsp;&lt;p&gt;</FONT><FONT size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&nbsp; &nbsp; &nbsp; &nbsp;Zoom Size &lt;input type=text 
  name=zoomsize size=4 value=2 onChange="ms.zoomsize=this.value"&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif size=3><BR>&nbsp;&lt;/td&gt;</FONT><FONT 
  size=3> </FONT><FONT face=sans-serif 
  size=3><BR>&lt;/tr&gt;&lt;/table&gt;</FONT><FONT size=3> 
</FONT><BR><BR></BLOCKQUOTE></BODY></HTML>