enmi-conf.org: comparison wp/wp-includes/js/imgareaselect/jquery.imgareaselect.js

Mercurial Mercurial > enmi-conf.org / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

wp/wp-includes/js/imgareaselect/jquery.imgareaselect.js

changeset 7	cf61fcea0001
parent 0	d970ebf37754
child 16	a86126ab1dd4

equal deleted inserted replaced

-:490d5cc509ed
+:cf61fcea0001
 /*
 * imgAreaSelect jQuery plugin
-* version 0.9.10
+* version 0.9.10-monkey
 *
 * Copyright (c) 2008-2013 Michal Wojciechowski (odyniec.net)
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 * @param event
 *            The event object
 * @return Viewport X
 */
 function evX(event) {
-return event.pageX - parOfs.left;
+return max(event.pageX || 0, touchCoords(event).x) - parOfs.left;
 }
 /**
 * Get event Y and translate it to viewport Y
 *
 * @param event
 *            The event object
 * @return Viewport Y
 */
 function evY(event) {
-return event.pageY - parOfs.top;
+return max(event.pageY || 0, touchCoords(event).y) - parOfs.top;
+}
+/**
+* Get X and Y coordinates of a touch event
+*
+* @param event
+*            The event object
+* @return Coordinates object
+*/
+function touchCoords(event) {
+var oev = event.originalEvent || {};
+if (oev.touches && oev.touches.length)
+return { x: oev.touches[0].pageX, y: oev.touches[0].pageY };
+else
+return { x: 0, y: 0 };
 }
 /**
 * Get the current selection
 *
 * hide the selection and the outer area
 */
 if (options.autoHide || selection.width * selection.height == 0)
 hide($box.add($outer), function () { $(this).hide(); });
-$(document).unbind('mousemove', selectingMouseMove);
+$(document).off('mousemove touchmove', selectingMouseMove);
-$box.mousemove(areaMouseMove);
+$box.on('mousemove touchmove', areaMouseMove);
 options.onSelectEnd(img, getSelection());
 }
 /**
 * @param event
 *            The event object
 * @return false
 */
 function areaMouseDown(event) {
-if (event.which != 1) return false;
+if (event.type == 'mousedown' && event.which != 1) return false;
+	/*
+	 * With mobile browsers, there is no "moving the pointer over" action,
+	 * so we need to simulate one mousemove event happening prior to
+	 * mousedown/touchstart.
+	 */
+	areaMouseMove(event);
 adjust();
 if (resize) {
 /* Resize mode is in effect */
 $('body').css('cursor', resize + '-resize');
 x1 = viewX(selection[/w/.test(resize) ? 'x2' : 'x1']);
 y1 = viewY(selection[/n/.test(resize) ? 'y2' : 'y1']);
-$(document).mousemove(selectingMouseMove)
+$(document).on('mousemove touchmove', selectingMouseMove)
-.one('mouseup', docMouseUp);
+.one('mouseup touchend', docMouseUp);
-$box.unbind('mousemove', areaMouseMove);
+$box.off('mousemove touchmove', areaMouseMove);
 }
 else if (options.movable) {
 startX = left + selection.x1 - evX(event);
 startY = top + selection.y1 - evY(event);
-$box.unbind('mousemove', areaMouseMove);
+$box.off('mousemove touchmove', areaMouseMove);
-$(document).mousemove(movingMouseMove)
+$(document).on('mousemove touchmove', movingMouseMove)
-.one('mouseup', function () {
+.one('mouseup touchend', function () {
 options.onSelectEnd(img, getSelection());
-$(document).unbind('mousemove', movingMouseMove);
+$(document).off('mousemove touchmove', movingMouseMove);
-$box.mousemove(areaMouseMove);
+$box.on('mousemove touchmove', areaMouseMove);
 });
 }
 else
 $img.mousedown(event);
 /**
 * Start selection
 */
 function startSelection() {
-$(document).unbind('mousemove', startSelection);
+$(document).off('mousemove touchmove', startSelection);
 adjust();
 x2 = x1;
 y2 = y1;
 doResize();
 /* Show the plugin elements */
 $box.add($outer).hide().fadeIn(options.fadeSpeed||0);
 shown = true;
-$(document).unbind('mouseup', cancelSelection)
+$(document).off('mouseup touchend', cancelSelection)
-.mousemove(selectingMouseMove).one('mouseup', docMouseUp);
+.on('mousemove touchmove', selectingMouseMove)
-$box.unbind('mousemove', areaMouseMove);
+.one('mouseup touchend', docMouseUp);
+$box.off('mousemove touchmove', areaMouseMove);
 options.onSelectStart(img, getSelection());
 }
 /**
 * Cancel selection
 */
 function cancelSelection() {
-$(document).unbind('mousemove', startSelection)
+$(document).off('mousemove touchmove', startSelection)
-.unbind('mouseup', cancelSelection);
+.off('mouseup touchend', cancelSelection);
 hide($box.add($outer));
 setSelection(selX(x1), selY(y1), selX(x1), selY(y1));
 /* If this is an API call, callback functions should not be triggered */
 *            The event object
 * @return false
 */
 function imgMouseDown(event) {
 /* Ignore the event if animation is in progress */
-if (event.which != 1 || $outer.is(':animated')) return false;
+if (event.which > 1 || $outer.is(':animated')) return false;
 adjust();
 startX = x1 = evX(event);
 startY = y1 = evY(event);
 /* Selection will start when the mouse is moved */
-$(document).mousemove(startSelection).mouseup(cancelSelection);
+$(document).on({ 'mousemove touchmove': startSelection,
+'mouseup touchend': cancelSelection });
 return false;
 }
 /**
 $img.add($outer).unbind('mousedown', imgMouseDown);
 if (options.disable || options.enable === false) {
 /* Disable the plugin */
-$box.unbind('mousemove', areaMouseMove).unbind('mousedown', areaMouseDown);
+$box.off({ 'mousemove touchmove': areaMouseMove,
-$(window).unbind('resize', windowResize);
+'mousedown touchstart': areaMouseDown });
+$(window).off('resize', windowResize);
 }
 else {
 if (options.enable || options.disable === false) {
 /* Enable the plugin */
 if (options.resizable || options.movable)
-$box.mousemove(areaMouseMove).mousedown(areaMouseDown);
+$box.on({ 'mousemove touchmove': areaMouseMove,
+'mousedown touchstart': areaMouseDown });
 $(window).resize(windowResize);
 }
 if (!options.persistent)
-$img.add($outer).mousedown(imgMouseDown);
+$img.add($outer).on('mousedown touchstart', imgMouseDown);
 }
 options.enable = options.disable = undefined;
 }

enmi-conf.org