jquery.ui.selectable.js 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  1. /*
  2. * jQuery UI Selectable 1.8.17
  3. *
  4. * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  5. * Dual licensed under the MIT or GPL Version 2 licenses.
  6. * http://jquery.org/license
  7. *
  8. * http://docs.jquery.com/UI/Selectables
  9. *
  10. * Depends:
  11. * jquery.ui.core.js
  12. * jquery.ui.mouse.js
  13. * jquery.ui.widget.js
  14. */
  15. (function( $, undefined ) {
  16. $.widget("ui.selectable", $.ui.mouse, {
  17. options: {
  18. appendTo: 'body',
  19. autoRefresh: true,
  20. distance: 0,
  21. filter: '*',
  22. tolerance: 'touch'
  23. },
  24. _create: function() {
  25. var self = this;
  26. this.element.addClass("ui-selectable");
  27. this.dragged = false;
  28. // cache selectee children based on filter
  29. var selectees;
  30. this.refresh = function() {
  31. selectees = $(self.options.filter, self.element[0]);
  32. selectees.addClass("ui-selectee");
  33. selectees.each(function() {
  34. var $this = $(this);
  35. var pos = $this.offset();
  36. $.data(this, "selectable-item", {
  37. element: this,
  38. $element: $this,
  39. left: pos.left,
  40. top: pos.top,
  41. right: pos.left + $this.outerWidth(),
  42. bottom: pos.top + $this.outerHeight(),
  43. startselected: false,
  44. selected: $this.hasClass('ui-selected'),
  45. selecting: $this.hasClass('ui-selecting'),
  46. unselecting: $this.hasClass('ui-unselecting')
  47. });
  48. });
  49. };
  50. this.refresh();
  51. this.selectees = selectees.addClass("ui-selectee");
  52. this._mouseInit();
  53. this.helper = $("<div class='ui-selectable-helper'></div>");
  54. },
  55. destroy: function() {
  56. this.selectees
  57. .removeClass("ui-selectee")
  58. .removeData("selectable-item");
  59. this.element
  60. .removeClass("ui-selectable ui-selectable-disabled")
  61. .removeData("selectable")
  62. .unbind(".selectable");
  63. this._mouseDestroy();
  64. return this;
  65. },
  66. _mouseStart: function(event) {
  67. var self = this;
  68. this.opos = [event.pageX, event.pageY];
  69. if (this.options.disabled)
  70. return;
  71. var options = this.options;
  72. this.selectees = $(options.filter, this.element[0]);
  73. this._trigger("start", event);
  74. $(options.appendTo).append(this.helper);
  75. // position helper (lasso)
  76. this.helper.css({
  77. "left": event.clientX,
  78. "top": event.clientY,
  79. "width": 0,
  80. "height": 0
  81. });
  82. if (options.autoRefresh) {
  83. this.refresh();
  84. }
  85. this.selectees.filter('.ui-selected').each(function() {
  86. var selectee = $.data(this, "selectable-item");
  87. selectee.startselected = true;
  88. if (!event.metaKey && !event.ctrlKey) {
  89. selectee.$element.removeClass('ui-selected');
  90. selectee.selected = false;
  91. selectee.$element.addClass('ui-unselecting');
  92. selectee.unselecting = true;
  93. // selectable UNSELECTING callback
  94. self._trigger("unselecting", event, {
  95. unselecting: selectee.element
  96. });
  97. }
  98. });
  99. $(event.target).parents().andSelf().each(function() {
  100. var selectee = $.data(this, "selectable-item");
  101. if (selectee) {
  102. var doSelect = (!event.metaKey && !event.ctrlKey) || !selectee.$element.hasClass('ui-selected');
  103. selectee.$element
  104. .removeClass(doSelect ? "ui-unselecting" : "ui-selected")
  105. .addClass(doSelect ? "ui-selecting" : "ui-unselecting");
  106. selectee.unselecting = !doSelect;
  107. selectee.selecting = doSelect;
  108. selectee.selected = doSelect;
  109. // selectable (UN)SELECTING callback
  110. if (doSelect) {
  111. self._trigger("selecting", event, {
  112. selecting: selectee.element
  113. });
  114. } else {
  115. self._trigger("unselecting", event, {
  116. unselecting: selectee.element
  117. });
  118. }
  119. return false;
  120. }
  121. });
  122. },
  123. _mouseDrag: function(event) {
  124. var self = this;
  125. this.dragged = true;
  126. if (this.options.disabled)
  127. return;
  128. var options = this.options;
  129. var x1 = this.opos[0], y1 = this.opos[1], x2 = event.pageX, y2 = event.pageY;
  130. if (x1 > x2) { var tmp = x2; x2 = x1; x1 = tmp; }
  131. if (y1 > y2) { var tmp = y2; y2 = y1; y1 = tmp; }
  132. this.helper.css({left: x1, top: y1, width: x2-x1, height: y2-y1});
  133. this.selectees.each(function() {
  134. var selectee = $.data(this, "selectable-item");
  135. //prevent helper from being selected if appendTo: selectable
  136. if (!selectee || selectee.element == self.element[0])
  137. return;
  138. var hit = false;
  139. if (options.tolerance == 'touch') {
  140. hit = ( !(selectee.left > x2 || selectee.right < x1 || selectee.top > y2 || selectee.bottom < y1) );
  141. } else if (options.tolerance == 'fit') {
  142. hit = (selectee.left > x1 && selectee.right < x2 && selectee.top > y1 && selectee.bottom < y2);
  143. }
  144. if (hit) {
  145. // SELECT
  146. if (selectee.selected) {
  147. selectee.$element.removeClass('ui-selected');
  148. selectee.selected = false;
  149. }
  150. if (selectee.unselecting) {
  151. selectee.$element.removeClass('ui-unselecting');
  152. selectee.unselecting = false;
  153. }
  154. if (!selectee.selecting) {
  155. selectee.$element.addClass('ui-selecting');
  156. selectee.selecting = true;
  157. // selectable SELECTING callback
  158. self._trigger("selecting", event, {
  159. selecting: selectee.element
  160. });
  161. }
  162. } else {
  163. // UNSELECT
  164. if (selectee.selecting) {
  165. if ((event.metaKey || event.ctrlKey) && selectee.startselected) {
  166. selectee.$element.removeClass('ui-selecting');
  167. selectee.selecting = false;
  168. selectee.$element.addClass('ui-selected');
  169. selectee.selected = true;
  170. } else {
  171. selectee.$element.removeClass('ui-selecting');
  172. selectee.selecting = false;
  173. if (selectee.startselected) {
  174. selectee.$element.addClass('ui-unselecting');
  175. selectee.unselecting = true;
  176. }
  177. // selectable UNSELECTING callback
  178. self._trigger("unselecting", event, {
  179. unselecting: selectee.element
  180. });
  181. }
  182. }
  183. if (selectee.selected) {
  184. if (!event.metaKey && !event.ctrlKey && !selectee.startselected) {
  185. selectee.$element.removeClass('ui-selected');
  186. selectee.selected = false;
  187. selectee.$element.addClass('ui-unselecting');
  188. selectee.unselecting = true;
  189. // selectable UNSELECTING callback
  190. self._trigger("unselecting", event, {
  191. unselecting: selectee.element
  192. });
  193. }
  194. }
  195. }
  196. });
  197. return false;
  198. },
  199. _mouseStop: function(event) {
  200. var self = this;
  201. this.dragged = false;
  202. var options = this.options;
  203. $('.ui-unselecting', this.element[0]).each(function() {
  204. var selectee = $.data(this, "selectable-item");
  205. selectee.$element.removeClass('ui-unselecting');
  206. selectee.unselecting = false;
  207. selectee.startselected = false;
  208. self._trigger("unselected", event, {
  209. unselected: selectee.element
  210. });
  211. });
  212. $('.ui-selecting', this.element[0]).each(function() {
  213. var selectee = $.data(this, "selectable-item");
  214. selectee.$element.removeClass('ui-selecting').addClass('ui-selected');
  215. selectee.selecting = false;
  216. selectee.selected = true;
  217. selectee.startselected = true;
  218. self._trigger("selected", event, {
  219. selected: selectee.element
  220. });
  221. });
  222. this._trigger("stop", event);
  223. this.helper.remove();
  224. return false;
  225. }
  226. });
  227. $.extend($.ui.selectable, {
  228. version: "1.8.17"
  229. });
  230. })(jQuery);