Changeset 1215

Timestamp:

08/15/06 08:50:42 (2 years ago)

Author:

euzuro

Message:

scrolling with mousewheel triggers zooming.

Files:

• trunk/openlayers/lib/OpenLayers/Control/MouseDefaults.js (modified) (2 diffs)

trunk/openlayers/lib/OpenLayers/Control/MouseDefaults.js

@@ -20 +20 @@
-    initialize: function() {
-        OpenLayers.Control.prototype.initialize.apply(this, arguments);
+
+        //register mousewheel events specifically on the window and document
+        Event.observe(window, "DOMMouseScroll", 
+                      this.onWheelEvent.bindAsEventListener(this));
+        Event.observe(window, "mousewheel", 
+                      this.onWheelEvent.bindAsEventListener(this));
+        Event.observe(document, "mousewheel", 
+                      this.onWheelEvent.bindAsEventListener(this));
-    },
-
@@ -149 +157 @@
-        }
-    },
+
+
+    /** User spun scroll wheel up
+     * 
+     */
+    defaultWheelUp: function()  {
+        this.map.zoomIn();
+    },
+
+    /** User spun scroll wheel down
+     * 
+     */
+    defaultWheelDown: function()  {
+        this.map.zoomOut();
+    },
+
+
+/**
+ *  Mouse ScrollWheel code thanks to http://adomas.org/javascript-mouse-wheel/
+ */
+
+
+    /** Catch the wheel event and handle it xbrowserly
+     * 
+     * @param {Event} e
+     */
+    onWheelEvent: function(e){
+        var delta = 0;
+        if (!e) {
+            e = window.event;
+        }
+        if (e.wheelDelta) {
+            delta = e.wheelDelta/120; 
+            if (window.opera) {
+                delta = -delta;
+            }
+        } else if (e.detail) {
+            delta = -e.detail / 3;
+        }
+        if (delta) {
+            if (delta < 0) {
+               this.map.zoomOut();
+            } else {
+               this.map.zoomIn();
+            }
+        }
+    },
+    
-    
-    /** @final @type String */