Changes between Version 4 and Version 5 of ZooWebSite/Demo/GdalProfileJs

Timestamp:

Dec 1, 2010, 11:37:14 AM (13 years ago)

Author:

nickboz

Comment:

--

ZooWebSite/Demo/GdalProfileJs

@@ -4 +4 @@
 <script type="text/javascript" src="/openlayers/lib/OpenLayers.js"></script>
 <script type="text/javascript" src="/js/highcharts.js"></script>
+<script type="text/javascript" src="/js/jquery-ui-1.8.custom.min.js"></script>
+<script type="text/javascript" src="/js/query.qtip-1.0.0-rc3.min.js"></script>
 <script type="text/javascript">
 <![CDATA[
@@ -64 +66 @@
             map.addLayers([layer, layerLS, lineLayer, pointLayer, select, hover, multi]);
             
+            
             control = new OpenLayers.Control.GetFeature({
                 //box: true,
@@ -87 +90 @@
 
             map.zoomToExtent(new OpenLayers.Bounds( -2.0041701,  41.9958302, 8.0041698,  52.0041701));
+
+                 mapControls = {
+                pan: new OpenLayers.Control.Pan({title:"Pan"}),
+                zoomin: new OpenLayers.Control.ZoomBox({title:"Zoom in box", out: false}),
+                zoomout: new OpenLayers.Control.ZoomBox({title:"Zoom out box", out: true})
+                 };
+       
+        for(var key in mapControls) {
+                        control = mapControls[key];
+                        map.addControl(control);
+        }
+
         }
+
+function toggleControl(element) {
+    for(key in mapControls) {
+        var control = mapControls[key];
+        //alert ($(element).is('.ui-state-active'));
+        if(element.name == key && $(element).is('.ui-state-active')) {
+            control.activate();
+        } else {
+            control.deactivate();
+        }
+    }
+}
+
+$(function(){
+        $(".fg-button:not(.ui-state-disabled)")
+        .hover(
+                function(){ 
+                        $(this).addClass("ui-state-hover"); 
+                },
+                function(){ 
+                        $(this).removeClass("ui-state-hover"); 
+                }
+        )
+        .mousedown(function(){
+                        $(this).parents('.fg-buttonset-single:first').find(".fg-button.ui-state-active").removeClass("ui-state-active");
+                        if( $(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active') ){ $(this).removeClass("ui-state-active"); }
+                        else { $(this).addClass("ui-state-active"); }   
+        })
+        .mouseup(function(){
+                if(! $(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button,  .fg-buttonset-multi .fg-button') ){
+                        $(this).removeClass("ui-state-active");
+                }
+        });
+});     
+
+$(document).ready(function(){
+
+        $('#btnPrev[title], #btnNext[title], a[title]').qtip({ 
+                style: { 
+                        name: 'dark', 
+                        tip: true,
+                        border:{width:2,color:'#fe8701',radius:3},
+                        width:{min:120}
+                }
+        });
+});
+
+
+
         function simpleProcessing1(aProcess) {
           if(lineLayer.features.length == 0)