demo3.html - restoring the mode

  1. add 2 hidden from variables to demo.html
       box = <input type="text" name="box" value=[box]>
       drag = <input type="text" name="drag" value=[drag]>

    (normally these would be hidden, but for now it is convenient to see the values).

  2. add 2 parameters to the applet:
       <param name="box" value="[box]">
       <param name="drag" value="[drag]">


  3. add Javascript to the radio button onClick events:
       <!-- mode Radio Button Group -->
       <input type="radio" name="mode" value="browse" checked>
          Browse map><br>

       <input type="radio" name="mode" value="query"
          onClick="document.jBox.boxoff();
          document.mapserv.box.value='false';
          document.mapserv.drag.value='false';">

       Query feature<br>

       <input type="radio" name="mode" value="nquery"
          onClick="document.jBox.boxon();
          document.mapserv.box.value='true';
          document.mapserv.drag.value='false';">

       Query multiple features

       <!-- zoomdir Radio Button Group -->
       <input type=radio name=zoomdir value=1 [zoomdir_1_check]
          onClick="document.jBox.boxon();
          document.mapserv.box.value='true';
          document.mapserv.drag.value='false';
          document.mapserv.mode[0].checked='true';">
    <!-- optional -->
       Zoom In<BR>

       <input type=radio name=zoomdir value=0 [zoomdir_0_check]
          onClick="document.jBox.dragon();
          document.mapserv.drag.value='true';
          document.mapserv.box.value='false';
          document.mapserv.mode[0].checked='true';">
    <!-- optional -->
       Pan<BR>

    <input type=radio name=zoomdir value=-1 [zoomdir_-1_check]
          onClick="document.jBox.boxoff();
          document.mapserv.box.value='false';
          document.mapserv.drag.value='false';
          document.mapserv.mode[0].checked='true';">
    <!-- optional -->
       Zoom Out

  4. add 2 hidden from variables to demo_init.html
       <input type="hidden" name="box" value="false">
       <input type="hidden" name="drag" value="true">