123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279 |
- $axure.internal(function($ax) {
- var widgetDragInfo = new Object();
- var _drag = {};
- $ax.drag = _drag;
- $ax.drag.GetWidgetDragInfo = function() {
- return $.extend({}, widgetDragInfo);
- };
- $ax.drag.StartDragWidget = function(event, id) {
- $ax.setjBrowserEvent(jQuery.Event(event));
- if(event.donotdrag) return;
- var x, y;
- var tg;
- if($.browser.msie) {
- x = window.event.clientX + window.document.documentElement.scrollLeft + window.document.body.scrollLeft;
- y = window.event.clientY + window.document.documentElement.scrollTop + window.document.body.scrollTop;
- tg = window.event.srcElement;
- } else {
- if(event.changedTouches) {
- x = event.changedTouches[0].pageX;
- y = event.changedTouches[0].pageY;
- } else {
- x = event.pageX;
- y = event.pageY;
- event.preventDefault();
- }
- tg = event.target;
- }
- widgetDragInfo.hasStarted = false;
- widgetDragInfo.widgetId = id;
- widgetDragInfo.cursorStartX = x;
- widgetDragInfo.cursorStartY = y;
- widgetDragInfo.lastX = x;
- widgetDragInfo.lastY = y;
- widgetDragInfo.currentX = x;
- widgetDragInfo.currentY = y;
- widgetDragInfo.movedWidgets = new Object();
- widgetDragInfo.startTime = (new Date()).getTime();
- widgetDragInfo.targetWidget = tg;
- if($.browser.msie) {
- window.document.attachEvent("onmousemove", _dragWidget);
- window.document.attachEvent("onmouseup", _stopDragWidget);
- } else {
- window.document.addEventListener("mousemove", _dragWidget, true);
- window.document.addEventListener("mouseup", _stopDragWidget, true);
- window.document.addEventListener("touchmove", _dragWidget, true);
- window.document.addEventListener("touchend", _stopDragWidget, true);
- }
- $ax.legacy.SuppressBubble(event);
- };
- var _dragWidget = function(event) {
- $ax.setjBrowserEvent(jQuery.Event(event));
- var x, y;
- if($.browser.msie) {
- x = window.event.clientX + window.document.documentElement.scrollLeft + window.document.body.scrollLeft;
- y = window.event.clientY + window.document.documentElement.scrollTop + window.document.body.scrollTop;
- } else {
- if(event.changedTouches) {
- x = event.changedTouches[0].pageX;
- y = event.changedTouches[0].pageY;
- //allow scroll (defaults) if only swipe events have cases and delta x is less than 5px and not blocking scrolling
- var deltaX = x - widgetDragInfo.currentX;
- var target = window.document.getElementById(widgetDragInfo.widgetId);
- if($ax.event.hasSyntheticEvent(widgetDragInfo.widgetId, "onDrag") || $ax.event.hasSyntheticEvent(widgetDragInfo.widgetId, "onSwipeUp") ||
- $ax.event.hasSyntheticEvent(widgetDragInfo.widgetId, "onSwipeDown") || (deltaX * deltaX) > 25
- || ($ax.document.configuration.preventScroll && $ax.legacy.GetScrollable(target) == window.document.body)) {
- event.preventDefault();
- }
- } else {
- x = event.pageX;
- y = event.pageY;
- }
- }
- widgetDragInfo.xDelta = x - widgetDragInfo.currentX;
- widgetDragInfo.yDelta = y - widgetDragInfo.currentY;
- widgetDragInfo.lastX = widgetDragInfo.currentX;
- widgetDragInfo.lastY = widgetDragInfo.currentY;
- widgetDragInfo.currentX = x;
- widgetDragInfo.currentY = y;
- widgetDragInfo.currentTime = (new Date()).getTime();
- $ax.legacy.SuppressBubble(event);
- if(!widgetDragInfo.hasStarted) {
- widgetDragInfo.hasStarted = true;
- $ax.event.raiseSyntheticEvent(widgetDragInfo.widgetId, "onDragStart");
- widgetDragInfo.oldBodyCursor = window.document.body.style.cursor;
- window.document.body.style.cursor = 'move';
- var widget = window.document.getElementById(widgetDragInfo.widgetId);
- widgetDragInfo.oldCursor = widget.style.cursor;
- widget.style.cursor = 'move';
- }
- $ax.event.raiseSyntheticEvent(widgetDragInfo.widgetId, "onDrag");
- };
- var _suppressClickAfterDrag = function(event) {
- _removeSuppressEvents();
-
- $ax.legacy.SuppressBubble(event);
- };
- var _removeSuppressEvents = function() {
- if($.browser.msie) {
- window.event.srcElement.detachEvent("onclick", _suppressClickAfterDrag);
- widgetDragInfo.targetWidget.detachEvent("onmousemove", _removeSuppressEvents);
- } else {
- window.document.removeEventListener("click", _suppressClickAfterDrag, true);
- window.document.removeEventListener("mousemove", _removeSuppressEvents, true);
- }
- };
- var _stopDragWidget = function(event) {
- $ax.setjBrowserEvent(jQuery.Event(event));
- var tg;
- if($.browser.msie) {
- window.document.detachEvent("onmousemove", _dragWidget);
- window.document.detachEvent("onmouseup", _stopDragWidget);
- tg = window.event.srcElement;
- } else {
- window.document.removeEventListener("mousemove", _dragWidget, true);
- window.document.removeEventListener("mouseup", _stopDragWidget, true);
- window.document.removeEventListener("touchmove", _dragWidget, true);
- window.document.removeEventListener("touchend", _stopDragWidget, true);
- tg = event.target;
- }
- if(widgetDragInfo.hasStarted) {
- widgetDragInfo.currentTime = (new Date()).getTime();
- $ax.event.raiseSyntheticEvent(widgetDragInfo.widgetId, "onDragDrop");
- if($ax.globalVariableProvider.getVariableValue('totaldragx') < -30 && $ax.globalVariableProvider.getVariableValue('dragtime') < 1000) {
- $ax.event.raiseSyntheticEvent(widgetDragInfo.widgetId, "onSwipeLeft");
- }
- if($ax.globalVariableProvider.getVariableValue('totaldragx') > 30 && $ax.globalVariableProvider.getVariableValue('dragtime') < 1000) {
- $ax.event.raiseSyntheticEvent(widgetDragInfo.widgetId, "onSwipeRight");
- }
- var totalDragY = $ax.globalVariableProvider.getVariableValue('totaldragy');
- if(totalDragY < -30 && $ax.globalVariableProvider.getVariableValue('dragtime') < 1000) {
- $ax.event.raiseSyntheticEvent(widgetDragInfo.widgetId, "onSwipeUp");
- }
- if(totalDragY > 30 && $ax.globalVariableProvider.getVariableValue('dragtime') < 1000) {
- $ax.event.raiseSyntheticEvent(widgetDragInfo.widgetId, "onSwipeDown");
- }
- window.document.body.style.cursor = widgetDragInfo.oldBodyCursor;
- var widget = window.document.getElementById(widgetDragInfo.widgetId);
- widget.style.cursor = widgetDragInfo.oldCursor;
- if(widgetDragInfo.targetWidget == tg && !event.changedTouches) {
- // suppress the click after the drag on desktop browsers
- if($.browser.msie && widgetDragInfo.targetWidget) {
- widgetDragInfo.targetWidget.attachEvent("onclick", _suppressClickAfterDrag);
- } else {
- window.document.addEventListener("click", _suppressClickAfterDrag, true);
- }
- if($.browser.msie && widgetDragInfo.targetWidget) {
- widgetDragInfo.targetWidget.attachEvent("onmousemove", _removeSuppressEvents);
- } else {
- window.document.addEventListener("mousemove", _removeSuppressEvents, true);
- }
- }
- }
- widgetDragInfo.hasStarted = false;
- widgetDragInfo.movedWidgets = new Object();
- return false;
- };
- $ax.drag.GetDragX = function() {
- if(widgetDragInfo.hasStarted) return widgetDragInfo.xDelta;
- return 0;
- };
- $ax.drag.GetDragY = function() {
- if(widgetDragInfo.hasStarted) return widgetDragInfo.yDelta;
- return 0;
- };
- $ax.drag.GetTotalDragX = function() {
- if(widgetDragInfo.hasStarted) return widgetDragInfo.currentX - widgetDragInfo.cursorStartX;
- return 0;
- };
- $ax.drag.GetTotalDragY = function() {
- if(widgetDragInfo.hasStarted) return widgetDragInfo.currentY - widgetDragInfo.cursorStartY;
- return 0;
- };
- $ax.drag.GetDragTime = function() {
- if(widgetDragInfo.hasStarted) return widgetDragInfo.currentTime - widgetDragInfo.startTime;
- return 600000;
- };
- // $ax.drag.GetCursorRectangles = function() {
- // var rects = new Object();
- // rects.lastRect = new Rectangle($ax.lastMouseLocation.x, $ax.lastMouseLocation.y, 1, 1);
- // rects.currentRect = new Rectangle($ax.mouseLocation.x, $ax.mouseLocation.y, 1, 1);
- // return rects;
- // };
- // $ax.drag.GetWidgetRectangles = function(id) {
- // var widget = window.document.getElementById(id);
- // var rects = new Object();
- // rects.lastRect = new Rectangle($ax.legacy.getAbsoluteLeft(widget), $ax.legacy.getAbsoluteTop(widget), Number($('#' + id).css('width').replace("px", "")), Number($('#' + id).css('height').replace("px", "")));
- // rects.currentRect = rects.lastRect;
- // return rects;
- // };
- // $ax.drag.IsEntering = function(movingRects, targetRects) {
- // return !movingRects.lastRect.IntersectsWith(targetRects.currentRect) && movingRects.currentRect.IntersectsWith(targetRects.currentRect);
- // };
- // $ax.drag.IsLeaving = function(movingRects, targetRects) {
- // return movingRects.lastRect.IntersectsWith(targetRects.currentRect) && !movingRects.currentRect.IntersectsWith(targetRects.currentRect);
- // };
- // function IsOver(movingRects, targetRects) {
- // return movingRects.currentRect.IntersectsWith(targetRects.currentRect);
- // }
- // function IsNotOver(movingRects, targetRects) {
- // return !IsOver(movingRects, targetRects);
- // }
- $ax.drag.LogMovedWidgetForDrag = function(id) {
- if(widgetDragInfo.hasStarted) {
- var widget = $('#' + id);
- var y = Number(widget.css('top').replace("px", ""));
- var x = Number(widget.css('left').replace("px", ""));
- var movedWidgets = widgetDragInfo.movedWidgets;
- if(!movedWidgets[id]) {
- movedWidgets[id] = new Location(x, y);
- }
- }
- };
- var Location = function(x, y) {
- this.x = x;
- this.y = y;
- };
- $ax.drag.location = Location;
- var Rectangle = $ax.drag.Rectangle = function(x, y, width, height) {
- this.x = x;
- this.y = y;
- this.width = width;
- this.height = height;
- this.right = x + width;
- this.bottom = y + height;
- };
- Rectangle.prototype.IntersectsWith = function(rect) {
- if(rect.length) {
- for(var i = 0; i < rect.length; i++) if(this.IntersectsWith(rect[i])) return true;
- return false;
- }
- return this.x < rect.right && this.right > rect.x && this.y < rect.bottom && this.bottom > rect.y;
- };
- Rectangle.prototype.Move = function(x, y) {
- return new Rectangle(x, y, this.width, this.height);
- };
- });
|