http://snippets.dzone.com/posts Mon, 06 Oct 2008 17:06:00 GMT DZone Snippets: wheel code http://snippets.dzone.com/posts/show/2241 I was looking to a way to use the mouse wheel in my GWT app, but I didn´t find a straightforward way... so today I spend my morning learning JSNI and, with some piece of code I found on the Internet, I coded my own approach... Feel free to use anywere .. Hope that it might be useful for someone else too... <br /> <br /><code> <br />public interface MouseWheelListener { <br /> <br /> public void onMouseWheelUp(int intensity); <br /> <br /> public void onMouseWheelDown(int intensity); <br /> <br />} <br /> <br />public class MouseWheel { <br /> <br /> private MouseWheel(Element e, MouseWheelListener listener) { <br /> attachMouseWheelListener(e, listener); <br /> } <br /> <br /> /** <br /> * Sets a MouseWheelListener to a given Element <br /> */ <br /> public static void setMouseWheelListener(Element e, MouseWheelListener listener) { <br /> new MouseWheel(e, listener); <br /> } <br /> <br /> <br /> /** <br /> * This method is used by FF <br /> * @param event <br /> */ <br /> private static native void dispatchMouseWheelEvent(JavaScriptObject event) /*-{ <br /> <br /> @br.com.example.client.util.MouseWheel::dispatchMouseWheelEvent(Lcom/google/gwt/core/client/JavaScriptObject;Lbr/com/example/client/util/MouseWheelListener;)(event, this.__mousewheellistener); <br /> <br /> }-*/; <br /> <br /> /** <br /> * This method is used by IE and FF <br /> * Part of this method was retrieved from http://adomas.org/notes/mouse-wheel.html <br /> * <br /> * @param event <br /> * @param listener <br /> */ <br /> private static native void dispatchMouseWheelEvent(JavaScriptObject event, MouseWheelListener listener) /*-{ <br /> <br /> if (!event) event = $wnd.event; // For IE <br /> <br /> var delta = 0; <br /> if (event.wheelDelta) // IE case, delta is multiple of 120 <br /> delta = event.wheelDelta / 120; <br /> else if (event.detail ) // Mozilla case <br /> delta = -event.detail / 3; // different sign and multiple of 3 <br /> <br /> if ( delta > 0 ) { <br /> listener.@br.com.example.client.util.MouseWheelListener::onMouseWheelUp(I)(delta); <br /> } else { <br /> listener.@br.com.example.client.util.MouseWheelListener::onMouseWheelDown(I)(-delta); <br /> } <br /> <br /> //taken from http://adomas.org/javascript-mouse-wheel/test2.html <br /> if (event.preventDefault) <br /> event.preventDefault(); <br /> event.returnValue = false; <br /> <br /> }-*/; <br /> <br /> <br /> private native void attachMouseWheelListener(Element e, MouseWheelListener listener) /*-{ <br /> <br /> e.__mousewheellistener = listener; <br /> <br /> // for FF <br /> if (e.addEventListener) { <br /> e.addEventListener('DOMMouseScroll', @br.com.example.client.util.MouseWheel::dispatchMouseWheelEvent(Lcom/google/gwt/core/client/JavaScriptObject;), false); <br /> return; <br /> } <br /> <br /> // for IE <br /> e.onmousewheel = function(event) { <br /> @br.com.example.client.util.MouseWheel::dispatchMouseWheelEvent (Lcom/google/gwt/core/client/JavaScriptObject;Lbr/com/example/client/util/MouseWheelListener;)(event, this.__mousewheellistener); <br /> } <br /> <br /> }-*/; <br /> <br />} <br /></code> <br /> <br /> <br />And here is how to use it: <br /> <br /><code> <br /> <br /> MouseWheel.setMouseWheelListener(RootPanel.get("slot2").getElement(), new MouseWheelListener() { <br /> <br /> public void onMouseWheelUp(int intensity) { <br /> Window.alert("up.. " + intensity); <br /> } <br /> <br /> public void onMouseWheelDown(int intensity) { <br /> Window.alert("down..." + intensity); <br /> } <br /> <br /> }); <br /> <br /></code> <br /> <br />Remember to replace my hardcoded package name (br.com.example) for your own... If you have any suggestion or critic, feel free to tell me... "tserafim" is my gmail username... Tue, 04 Jul 2006 08:56:27 GMT http://snippets.dzone.com/posts/show/2241 sligowaths (Tiago Serafim) http://snippets.dzone.com/posts/show/1195 <code> <br />; mouse-wheel scroll events <br />view/new layout [ <br /> b: box "A Box" forest feel [ <br /> engage: func [face action event] [ <br /> if action = 'scroll-line [ <br /> print ["Scroll line" event/offset] <br /> ] <br /> if action = 'scroll-page [ ; Ctrl+wheel <br /> print ["scroll page" event/offset] <br /> ] <br /> ] <br /> ] <br />] <br />focus b <br />do-events <br /></code> Thu, 19 Jan 2006 03:07:49 GMT http://snippets.dzone.com/posts/show/1195 gregg.irwin (Gregg Irwin)