www/include/scripts/dragdrop.js

Code
Comments
Other
Rev Date Author Line
7604 25 Feb 19 nicklas 1 /* $Id$
7604 25 Feb 19 nicklas 2   ------------------------------------------------------------------
7604 25 Feb 19 nicklas 3   Copyright (C) 2011 Nicklas Nordborg
7604 25 Feb 19 nicklas 4
7604 25 Feb 19 nicklas 5   This file is part of BASE - BioArray Software Environment.
7604 25 Feb 19 nicklas 6   Available at http://base.thep.lu.se/
7604 25 Feb 19 nicklas 7
7604 25 Feb 19 nicklas 8   BASE is free software; you can redistribute it and/or
7604 25 Feb 19 nicklas 9   modify it under the terms of the GNU General Public License
7604 25 Feb 19 nicklas 10   as published by the Free Software Foundation; either version 3
7604 25 Feb 19 nicklas 11   of the License, or (at your option) any later version.
7604 25 Feb 19 nicklas 12
7604 25 Feb 19 nicklas 13   BASE is distributed in the hope that it will be useful,
7604 25 Feb 19 nicklas 14   but WITHOUT ANY WARRANTY; without even the implied warranty of
7604 25 Feb 19 nicklas 15   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
7604 25 Feb 19 nicklas 16   GNU General Public License for more details.
7604 25 Feb 19 nicklas 17
7604 25 Feb 19 nicklas 18   You should have received a copy of the GNU General Public License
7604 25 Feb 19 nicklas 19   along with BASE. If not, see <http://www.gnu.org/licenses/>.
7604 25 Feb 19 nicklas 20   ------------------------------------------------------------------
7604 25 Feb 19 nicklas 21
7604 25 Feb 19 nicklas 22   @author Nicklas
7604 25 Feb 19 nicklas 23   @version 2.0
7604 25 Feb 19 nicklas 24 */
7604 25 Feb 19 nicklas 25 'use strict';
7604 25 Feb 19 nicklas 26
7604 25 Feb 19 nicklas 27 var DragDrop = function()
7604 25 Feb 19 nicklas 28 {
7604 25 Feb 19 nicklas 29   var dragdrop = {};
7604 25 Feb 19 nicklas 30   var internal = {};
7604 25 Feb 19 nicklas 31
7604 25 Feb 19 nicklas 32   var dragElement = null;
7604 25 Feb 19 nicklas 33   var startX = 0;
7604 25 Feb 19 nicklas 34   var startY = 0;
7604 25 Feb 19 nicklas 35   
7604 25 Feb 19 nicklas 36   /**
7604 25 Feb 19 nicklas 37     Enable dragging on the given element. Dragging can be
7604 25 Feb 19 nicklas 38     enabled independently in the horizontal or vertical direction.
7604 25 Feb 19 nicklas 39     The callback function should be a function that takes two parameters;
7604 25 Feb 19 nicklas 40     a delta-X and delta-Y which is the number of pixels the mouse has
7604 25 Feb 19 nicklas 41     moved since the last call to the callback or since the drag started.
7604 25 Feb 19 nicklas 42   */
7604 25 Feb 19 nicklas 43   dragdrop.enableDrag = function(element, horizontal, vertical, callback)
7604 25 Feb 19 nicklas 44   {
7604 25 Feb 19 nicklas 45     element = Doc.element(element);
7604 25 Feb 19 nicklas 46     element.dragHorizontal = horizontal;
7604 25 Feb 19 nicklas 47     element.dragVertical = vertical;
7604 25 Feb 19 nicklas 48     element.dragCallback = callback;
7604 25 Feb 19 nicklas 49     Events.addEventHandler(element, 'mousedown', dragdrop.beginDrag);
7604 25 Feb 19 nicklas 50   }
7604 25 Feb 19 nicklas 51   
7604 25 Feb 19 nicklas 52   /**
7604 25 Feb 19 nicklas 53     Start dragging. The 'event' parameter is used to get
7604 25 Feb 19 nicklas 54     the mouse position. The callback function is called
7604 25 Feb 19 nicklas 55     when the mouse is moved to handle the drag visually.
7604 25 Feb 19 nicklas 56   */
7604 25 Feb 19 nicklas 57   dragdrop.beginDrag = function(event)
7604 25 Feb 19 nicklas 58   {
7604 25 Feb 19 nicklas 59     startX = event.screenX;
7604 25 Feb 19 nicklas 60     startY = event.screenY;
7604 25 Feb 19 nicklas 61     dragElement = event.currentTarget;
7604 25 Feb 19 nicklas 62   }
7604 25 Feb 19 nicklas 63
7604 25 Feb 19 nicklas 64   /**
7604 25 Feb 19 nicklas 65     Recieve mouse move events. Calculate the delta X and Y since the
7604 25 Feb 19 nicklas 66     last position and call the callback function.
7604 25 Feb 19 nicklas 67   */
7604 25 Feb 19 nicklas 68   dragdrop.drag = function(event)
7604 25 Feb 19 nicklas 69   {
7604 25 Feb 19 nicklas 70     if (!dragElement) return;
7604 25 Feb 19 nicklas 71     var deltaX = event.screenX - startX;
7604 25 Feb 19 nicklas 72     var deltaY = -(event.screenY - startY);
7604 25 Feb 19 nicklas 73     
7604 25 Feb 19 nicklas 74     if ((dragElement.dragHorizontal && Math.abs(deltaX) > 0) || (dragElement.dragVertical && Math.abs(deltaY) > 0)) 
7604 25 Feb 19 nicklas 75     {
7604 25 Feb 19 nicklas 76       dragElement.dragCallback.call(dragElement, deltaX, deltaY);
7604 25 Feb 19 nicklas 77       startX = event.screenX;
7604 25 Feb 19 nicklas 78       startY = event.screenY;
7604 25 Feb 19 nicklas 79     }
7604 25 Feb 19 nicklas 80   }
7604 25 Feb 19 nicklas 81
7604 25 Feb 19 nicklas 82   /**
7604 25 Feb 19 nicklas 83     Stop dragging.
7604 25 Feb 19 nicklas 84   */
7604 25 Feb 19 nicklas 85   dragdrop.endDrag = function(event)
7604 25 Feb 19 nicklas 86   {
7604 25 Feb 19 nicklas 87     dragElement = null;
7604 25 Feb 19 nicklas 88   }
7604 25 Feb 19 nicklas 89   
7604 25 Feb 19 nicklas 90   internal.initDragSupport = function(element, autoInit)
7604 25 Feb 19 nicklas 91   {
7604 25 Feb 19 nicklas 92     if (autoInit != 'drag-support') return;
7604 25 Feb 19 nicklas 93     var dd = parent.DragDrop ? parent.DragDrop : dragdrop;
7604 25 Feb 19 nicklas 94     Events.addEventHandler(element, 'mousemove', dd.drag);
7604 25 Feb 19 nicklas 95     Events.addEventHandler(element, 'mouseup', dd.endDrag);
7604 25 Feb 19 nicklas 96   }
7604 25 Feb 19 nicklas 97   Doc.addElementInitializer(internal.initDragSupport);
7604 25 Feb 19 nicklas 98   
7604 25 Feb 19 nicklas 99   return dragdrop;
7604 25 Feb 19 nicklas 100 }();
7604 25 Feb 19 nicklas 101