Changeset 7382
- Timestamp:
- 06/19/08 14:45:22 (4 months ago)
- Files:
-
- trunk/openlayers/examples/controls.html (modified) (2 diffs)
- trunk/openlayers/lib/OpenLayers/Control/LayerSwitcher.js (modified) (5 diffs)
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
trunk/openlayers/examples/controls.html
r7381 r7382 5 5 <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 6 6 <link rel="stylesheet" href="style.css" type="text/css" /> 7 <link rel="stylesheet" type="text/css" href="http://www.extjs.com/deploy/dev//resources/css/ext-all.css">8 9 <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script><script type="text/javascript">_uacct = "UA-1396058-1";urchinTracker();</script>10 <link rel="stylesheet" type="text/css" href="http://www.extjs.com/deploy/dev//resources/css/xtheme-default.css" /><!-- LIBS -->11 <script type="text/javascript" src="http://www.extjs.com/deploy/dev//adapter/ext/ext-base.js"></script>12 <!-- ENDLIBS -->13 14 <script type="text/javascript" src="http://www.extjs.com/deploy/dev//ext-all.js"></script>15 16 <!-- Common Styles for the examples -->17 <link rel="stylesheet" type="text/css" href="../shared/examples.css">18 7 <script src="../lib/OpenLayers.js"></script> 19 8 <script type="text/javascript"> 20 9 var map; 21 function layerRenderAdditional(layerDiv, layer) {22 var sliderDiv = document.createElement("div");23 sliderDiv.className = "olControlLayerSwitcherLayerDivSlider";24 layerDiv.appendChild(sliderDiv);25 sliderDiv.style.height="20px";26 var sliderValue = layer.opacity == null ? 100 : layer.opacity * 100;27 var slider = new Ext.Slider({renderTo: sliderDiv, width: 100, minValue: 0, maxValue: 100, animate: false});28 slider.on("change", function(slider, newValue) {29 this.layer.setOpacity(newValue/100);30 }, {layer: layer, control: this});31 slider.on("dragstart", function(slider, e) {32 this.control.isMouseDown = false;33 }, {control: this});34 if (this.maximizeDiv.style.display != "none") {35 this.maximizeControl();36 slider.setValue(sliderValue);37 this.minimizeControl();38 } else {39 slider.setValue(sliderValue);40 }41 }42 10 function init(){ 43 11 map = new OpenLayers.Map('map', { … … 45 13 new OpenLayers.Control.PanZoomBar(), 46 14 new OpenLayers.Control.MouseToolbar(), 47 new OpenLayers.Control.LayerSwitcher({'ascending':false , layerRenderAdditional: layerRenderAdditional}),15 new OpenLayers.Control.LayerSwitcher({'ascending':false}), 48 16 new OpenLayers.Control.Permalink(), 49 17 new OpenLayers.Control.ScaleLine(), trunk/openlayers/lib/OpenLayers/Control/LayerSwitcher.js
r7381 r7382 255 255 } 256 256 257 this.layerDivList = [];258 257 var layers = this.map.layers.slice(); 259 258 if (!this.ascending) { layers.reverse(); } … … 275 274 : layer.getVisibility(); 276 275 277 var layerDiv = document.createElement("div");278 layerDiv.id = this.id+"_layerDiv_"+layer.id;279 layerDiv.className = "olControlLayerSwitcherLayerDiv";280 281 276 // create input element 282 277 var inputElem = document.createElement("input"); … … 313 308 context) 314 309 ); 310 // create line break 311 var br = document.createElement("br"); 312 315 313 316 314 var groupArray = (baseLayer) ? this.baseLayers … … 322 320 }); 323 321 324 322 325 323 var groupDiv = (baseLayer) ? this.baseLayersDiv 326 324 : this.dataLayersDiv; 327 328 layerDiv.appendChild(inputElem); 329 layerDiv.appendChild(labelSpan); 330 this.layerDivList.push(layerDiv); 331 groupDiv.appendChild(layerDiv); 332 333 this.layerRenderAdditional(layerDiv, layer); 325 groupDiv.appendChild(inputElem); 326 groupDiv.appendChild(labelSpan); 327 groupDiv.appendChild(br); 334 328 } 335 329 } … … 341 335 this.baseLbl.style.display = (containsBaseLayers) ? "" : "none"; 342 336 343 344 337 return this.div; 345 338 }, 346 347 layerRenderAdditional: function(layerDiv, layer) { 348 }, 349 339 350 340 /** 351 341 * Method:
