Changeset 6015


Ignore:
Timestamp:
16/11/09 14:08:44 (10 years ago)
Author:
pnorton
Message:

Made a couple of small changes to the bounding box map select control.

Location:
cowsclient/trunk/cowsclient/public
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • cowsclient/trunk/cowsclient/public/js/boundingBoxMapSelect.js

    r6014 r6015  
    232232        var north = splitResult[3]; 
    233233        return new OpenLayers.Bounds(west, south, east, north); 
     234    }, 
     235     
     236    dispose: function () { 
     237        this.events.destroy(); 
    234238    } 
    235      
    236239}; 
  • cowsclient/trunk/cowsclient/public/test/test_bbox_map_select.html

    r6014 r6015  
    44 
    55    <script src="../js/wmsc.js"></script> 
    6     <script src="../js/prototype.js"></script> 
    7     <script src="../js/openlayers/lib/OpenLayers.js"></script> 
     6    <script src="../js/OpenLayers.js"></script> 
    87     
    98    <!-- The DDCVismap Openlayers map --> 
    109    <script src="../js/openlayers-x.js"></script> 
    11  
    12     <!-- The Openlayers loading panel --> 
    13     <script src="../js/LoadingPanel.js"></script> 
    1410     
    1511    <!-- The original bounds control --> 
     
    6157        };         
    6258                     
     59        var originalBoundsControlMarkup = '\ 
     60        <div id="WMSC_sel" class="WMSC_domain">\ 
     61        <table>\ 
     62          <tr>\ 
     63            <td colspan="2" align="center">\ 
     64              <input type="text" name="bboxN" size="4" value="90"/><br/>N\ 
     65            </td>\ 
     66          </tr>\ 
     67          <tr>\ 
     68           <td><input type="text" name="bboxW" size="4" value="-180"/> W</td>\ 
     69           <td>E <input type="text" name="bboxE" size="4" value="180"/></td>\ 
     70          </tr>\ 
     71          <tr><td colspan="2" align="center">S<br/>\ 
     72                <input type="text" name="bboxS" size="4" value="-90"/>\ 
     73              </td></tr>\ 
     74        </table>\ 
     75        <input id="WMSC_clear" type="button" value="Reset selection"/>\ 
     76        </div>'; 
     77 
     78 
     79        var bboxSelect = null; 
     80         
    6381        function init() { 
     82            makeBoundsControl(); 
     83        } 
    6484 
    65             var initialBounds = new OpenLayers.Bounds(-180,-90,180,90); 
     85        function makeBoundsControl() { 
    6686 
    67             var bboxSelect = new BoundingBoxMapSelect('map', 'bounds_control_container', baseLayerData,  'bbox_hidden_input', 'bbox_show_val'); 
     87            var changeChk = document.getElementById('chk_changeBoundsControl'); 
    6888 
    69             var originalBoundsControlMarkup = '\ 
    70             <div id="WMSC_sel" class="WMSC_domain">\ 
    71             <table>\ 
    72               <tr>\ 
    73                 <td colspan="2" align="center">\ 
    74                   <input type="text" name="bboxN" size="4" value="90"/><br/>N\ 
    75                 </td>\ 
    76               </tr>\ 
    77               <tr>\ 
    78                <td><input type="text" name="bboxW" size="4" value="-180"/> W</td>\ 
    79                <td>E <input type="text" name="bboxE" size="4" value="180"/></td>\ 
    80               </tr>\ 
    81               <tr><td colspan="2" align="center">S<br/>\ 
    82                     <input type="text" name="bboxS" size="4" value="-90"/>\ 
    83                   </td></tr>\ 
    84             </table>\ 
    85             <input id="WMSC_clear" type="button" value="Reset selection"/>\ 
    86             </div>'; 
     89            document.getElementById('bbox_hidden_input').value =""; 
     90            document.getElementById('bounds_control_container').innerHTML =""; 
     91            document.getElementById('map').innerHTML =""; 
     92            document.getElementById('bbox_show_val').innerHTML = ""; 
     93 
     94            if (bboxSelect !== null) { 
     95                bboxSelect.dispose(); 
     96            } 
    8797             
    88             var bboxSelect = new BoundingBoxMapSelect('map2', 'bounds_control_container2', baseLayerData2,  'bbox_hidden_input2', null, originalBoundsControlMarkup); 
    89             
     98            var data = null; 
     99            var bboxHiddenInput = null; 
     100            var bboxShowValue = null; 
     101            var boundsMarkup = null; 
     102             
     103            if (changeChk.checked) { 
     104                data = baseLayerData2 
     105                bboxHiddenInput = 'bbox_hidden_input'; 
     106                boundsMarkup = originalBoundsControlMarkup; 
     107            } 
     108            else { 
     109                // have the bounds printed to the <span id="bbox_show_val"></span> 
     110                bboxShowValue = 'bbox_show_val'; 
     111                data = baseLayerData 
     112            } 
     113             
     114            bboxSelect = new BoundingBoxMapSelect('map', 'bounds_control_container', data,   
     115                              bboxHiddenInput, bboxShowValue, boundsMarkup); 
     116                         
    90117        } 
    91118         
     
    94121    <style type="text/css"> 
    95122     
    96         #map, #map2{ 
     123        #map{ 
    97124            width:640px; 
    98125            height:320px; 
    99126            border:1px solid black; 
    100127        } 
    101          
    102         #bounding_container2 { 
    103             padding-top:50px; 
    104         } 
    105          
     128                 
    106129        #bbox_sel_bounds_container .input_item { 
    107130            float:left; 
     
    113136 
    114137<body onload="init();"> 
     138 
     139    Alternative options <input type="checkbox" id="chk_changeBoundsControl" onClick="makeBoundsControl();"></input> <br /> 
    115140 
    116141    <div id="bounding_container"> 
     
    128153 
    129154 
    130     <div id="bounding_container2"> 
    131      
    132         <h4>Bounding Box</h4>     
    133         <div id="bounds_control_container2"></div> 
    134          
    135         <div id="map_container2"> 
    136             <div id='map2'></div> 
    137         </div>     
    138155 
    139         <input type="hidden" name='bbox2' id='bbox_hidden_input2' /> 
    140     </div> 
    141156     
    142157 
Note: See TracChangeset for help on using the changeset viewer.