开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > Ajax > 查看源码
idrag.js
资源名称：Ajax.rar　[点击查看]
上传用户：shjgzm
上传日期：2017-08-31
资源大小：2757k
文件大小：16k
源码类别：

Ajax

开发平台：

Java

idrag.js：源码内容
  1. /**
  2.  * Interface Elements for jQuery
  3.  * Draggable
  4.  * 
  5.  * http://interface.eyecon.ro
  6.  * 
  7.  * Copyright (c) 2006 Stefan Petre
  8.  * Dual licensed under the MIT (MIT-LICENSE.txt) 
  9.  * and GPL (GPL-LICENSE.txt) licenses.
  10.  *   
  11.  *
  12.  */
  14. jQuery.iDrag = {
  15. helper : null,
  16. dragged: null,
  17. destroy : function()
  18. {
  19. return this.each(
  20. function ()
  21. {
  22. if (this.isDraggable) {
  23. this.dragElem = null;
  24. jQuery(this).unbind('mousedown', jQuery.iDrag.dragstart);
  25. }
  26. }
  27. );
  28. },
  29. draginit : function (e)
  30. {
  31. if (jQuery.iDrag.dragged != null) {
  32. jQuery.iDrag.dragstop(e);
  33. return false;
  34. }
  35. var elm = this.dragElem;
  36. jQuery(document)
  37. .bind('mousemove', jQuery.iDrag.dragmove)
  38. .bind('mouseup', jQuery.iDrag.dragstop);
  39. elm.dragCfg.pointer = jQuery.iUtil.getPointer(e);
  40. elm.dragCfg.currentPointer = elm.dragCfg.pointer;
  41. elm.dragCfg.init = false;
  42. elm.dragCfg.fromHandler = this != this.dragElem;
  43. jQuery.iDrag.dragged = elm;
  44. if (elm.dragCfg.si && this != this.dragElem) {
  45. parentPos = jQuery.iUtil.getPosition(elm.parentNode);
  46. sliderSize = jQuery.iUtil.getSize(elm);
  47. sliderPos = {
  48. x : parseInt(jQuery.css(elm,'left')) || 0,
  49. y : parseInt(jQuery.css(elm,'top')) || 0
  50. };
  51. dx = elm.dragCfg.currentPointer.x - parentPos.x - sliderSize.wb/2 - sliderPos.x;
  52. dy = elm.dragCfg.currentPointer.y - parentPos.y - sliderSize.hb/2 - sliderPos.y;
  53. jQuery.iSlider.dragmoveBy(elm, [dx, dy]);
  54. }
  55. return false;
  56. },
  58. dragstart : function(e)
  59. {
  60. elm = jQuery.iDrag.dragged;
  61. elm.dragCfg.init = true;
  63. dEs = elm.style;
  65. elm.dragCfg.oD = jQuery.css(elm,'display');
  66. elm.dragCfg.oP = jQuery.css(elm,'position');
  67. if (!elm.dragCfg.initialPosition)
  68. elm.dragCfg.initialPosition = elm.dragCfg.oP;
  70. elm.dragCfg.oR = {
  71. x : parseInt(jQuery.css(elm,'left')) || 0,
  72. y : parseInt(jQuery.css(elm,'top')) || 0
  73. };
  74. elm.dragCfg.diffX = 0;
  75. elm.dragCfg.diffY = 0;
  76. if (jQuery.browser.msie) {
  77. oldBorder = jQuery.iUtil.getBorder(elm, true);
  78. elm.dragCfg.diffX = oldBorder.l||0;
  79. elm.dragCfg.diffY = oldBorder.t||0;
  80. }
  82. elm.dragCfg.oC = jQuery.extend(
  83. jQuery.iUtil.getPosition(elm),
  84. jQuery.iUtil.getSize(elm)
  85. );
  86. if (elm.dragCfg.oP != 'relative' && elm.dragCfg.oP != 'absolute') {
  87. dEs.position = 'relative';
  88. }
  90. jQuery.iDrag.helper.empty();
  92. clonedEl = elm.cloneNode(true);
  94. jQuery(clonedEl).css(
  95. {
  96. display: 'block',
  97. left: '0px',
  98. top:  '0px'
  99. }
  100. );
  101. clonedEl.style.marginTop = '0';
  102. clonedEl.style.marginRight = '0';
  103. clonedEl.style.marginBottom = '0';
  104. clonedEl.style.marginLeft = '0';
  105. jQuery.iDrag.helper.append(clonedEl);
  107. if (elm.dragCfg.onStart)
  108. elm.dragCfg.onStart.apply(elm, [clonedEl]);
  110. dhs = jQuery.iDrag.helper.get(0).style;
  112. if (elm.dragCfg.autoSize) {
  113. dhs.width = 'auto';
  114. dhs.height = 'auto';
  115. } else {
  116. dhs.height = elm.dragCfg.oC.hb + 'px';
  117. dhs.width = elm.dragCfg.oC.wb + 'px';
  118. }
  120. dhs.display = 'block';
  121. dhs.marginTop = '0px';
  122. dhs.marginRight = '0px';
  123. dhs.marginBottom = '0px';
  124. dhs.marginLeft = '0px';
  126. //remeasure the clone to check if the size was changed by user's functions
  127. jQuery.extend(
  128. elm.dragCfg.oC,
  129. jQuery.iUtil.getSize(clonedEl)
  130. );
  132. if (elm.dragCfg.cursorAt) {
  133. if (elm.dragCfg.cursorAt.left) {
  134. elm.dragCfg.oR.x += elm.dragCfg.pointer.x - elm.dragCfg.oC.x - elm.dragCfg.cursorAt.left;
  135. elm.dragCfg.oC.x = elm.dragCfg.pointer.x - elm.dragCfg.cursorAt.left;
  136. }
  137. if (elm.dragCfg.cursorAt.top) {
  138. elm.dragCfg.oR.y += elm.dragCfg.pointer.y - elm.dragCfg.oC.y - elm.dragCfg.cursorAt.top;
  139. elm.dragCfg.oC.y = elm.dragCfg.pointer.y - elm.dragCfg.cursorAt.top;
  140. }
  141. if (elm.dragCfg.cursorAt.right) {
  142. elm.dragCfg.oR.x += elm.dragCfg.pointer.x - elm.dragCfg.oC.x -elm.dragCfg.oC.hb + elm.dragCfg.cursorAt.right;
  143. elm.dragCfg.oC.x = elm.dragCfg.pointer.x - elm.dragCfg.oC.wb + elm.dragCfg.cursorAt.right;
  144. }
  145. if (elm.dragCfg.cursorAt.bottom) {
  146. elm.dragCfg.oR.y += elm.dragCfg.pointer.y - elm.dragCfg.oC.y - elm.dragCfg.oC.hb + elm.dragCfg.cursorAt.bottom;
  147. elm.dragCfg.oC.y = elm.dragCfg.pointer.y - elm.dragCfg.oC.hb + elm.dragCfg.cursorAt.bottom;
  148. }
  149. }
  150. elm.dragCfg.nx = elm.dragCfg.oR.x;
  151. elm.dragCfg.ny = elm.dragCfg.oR.y;
  153. if (elm.dragCfg.insideParent || elm.dragCfg.containment == 'parent') {
  154. parentBorders = jQuery.iUtil.getBorder(elm.parentNode, true);
  155. elm.dragCfg.oC.x = elm.offsetLeft + (jQuery.browser.msie ? 0 : jQuery.browser.opera ? -parentBorders.l : parentBorders.l);
  156. elm.dragCfg.oC.y = elm.offsetTop + (jQuery.browser.msie ? 0 : jQuery.browser.opera ? -parentBorders.t : parentBorders.t);
  157. jQuery(elm.parentNode).append(jQuery.iDrag.helper.get(0));
  158. }
  159. if (elm.dragCfg.containment) {
  160. jQuery.iDrag.getContainment(elm);
  161. elm.dragCfg.onDrag.containment = jQuery.iDrag.fitToContainer;
  162. }
  164. if (elm.dragCfg.si) {
  165. jQuery.iSlider.modifyContainer(elm);
  166. }
  168. dhs.left = elm.dragCfg.oC.x - elm.dragCfg.diffX + 'px';
  169. dhs.top = elm.dragCfg.oC.y - elm.dragCfg.diffY + 'px';
  170. //resize the helper to fit the clone
  171. dhs.width = elm.dragCfg.oC.wb + 'px';
  172. dhs.height = elm.dragCfg.oC.hb + 'px';
  174. jQuery.iDrag.dragged.dragCfg.prot = false;
  176. if (elm.dragCfg.gx) {
  177. elm.dragCfg.onDrag.grid = jQuery.iDrag.snapToGrid;
  178. }
  179. if (elm.dragCfg.zIndex != false) {
  180. jQuery.iDrag.helper.css('zIndex', elm.dragCfg.zIndex);
  181. }
  182. if (elm.dragCfg.opacity) {
  183. jQuery.iDrag.helper.css('opacity', elm.dragCfg.opacity);
  184. if (window.ActiveXObject) {
  185. jQuery.iDrag.helper.css('filter', 'alpha(opacity=' + elm.dragCfg.opacity * 100 + ')');
  186. }
  187. }
  188. if (elm.dragCfg.ghosting == false) {
  189. dEs.display = 'none';
  190. }
  191. if (jQuery.iDrop && jQuery.iDrop.count > 0 ){
  192. jQuery.iDrop.highlight(elm);
  193. }
  194. return false;
  195. },
  197. getContainment : function(elm)
  198. {
  199. if (elm.dragCfg.containment.constructor == String) {
  200. if (elm.dragCfg.containment == 'parent') {
  201. elm.dragCfg.cont = jQuery.extend(
  202. {x:0,y:0},
  203. jQuery.iUtil.getSize(elm.parentNode)
  204. );
  205. contBorders = jQuery.iUtil.getBorder(elm.parentNode, true);
  206. elm.dragCfg.cont.w = elm.dragCfg.cont.wb - contBorders.l - contBorders.r;
  207. elm.dragCfg.cont.h = elm.dragCfg.cont.hb - contBorders.t - contBorders.b;
  208. } else if (elm.dragCfg.containment == 'document') {
  209. clnt = jQuery.iUtil.getClient();
  210. elm.dragCfg.cont = {
  211. x : 0,
  212. y : 0,
  213. w : clnt.w,
  214. h : clnt.h
  215. };
  216. }
  217. } else if (elm.dragCfg.containment.constructor == Array) {
  218. elm.dragCfg.cont = {
  219. x : parseInt(elm.dragCfg.containment[0])||0,
  220. y : parseInt(elm.dragCfg.containment[1])||0,
  221. w : parseInt(elm.dragCfg.containment[2])||0,
  222. h : parseInt(elm.dragCfg.containment[3])||0
  223. };
  224. }
  225. elm.dragCfg.cont.dx = elm.dragCfg.cont.x - elm.dragCfg.oC.x;
  226. elm.dragCfg.cont.dy = elm.dragCfg.cont.y - elm.dragCfg.oC.y;
  227. },
  229. hidehelper : function(dragged)
  230. {
  231. if (dragged.dragCfg.insideParent || dragged.dragCfg.containment == 'parent') {
  232. jQuery('body', document).append(jQuery.iDrag.helper.get(0));
  233. }
  234. jQuery.iDrag.helper.empty().hide().css('opacity', 1);
  235. if (window.ActiveXObject) {
  236. jQuery.iDrag.helper.css('filter', 'alpha(opacity=100)');
  237. }
  238. },
  240. dragstop : function(e)
  241. {
  243. jQuery(document)
  244. .unbind('mousemove', jQuery.iDrag.dragmove)
  245. .unbind('mouseup', jQuery.iDrag.dragstop);
  247. if (jQuery.iDrag.dragged == null) {
  248. return;
  249. }
  250. dragged = jQuery.iDrag.dragged;
  252. jQuery.iDrag.dragged = null;
  254. if (dragged.dragCfg.init == false) {
  255. return false;
  256. }
  257. if (dragged.dragCfg.so == true) {
  258. jQuery(dragged).css('position', dragged.dragCfg.oP);
  259. }
  260. dEs = dragged.style;
  262. if (dragged.si) {
  263. jQuery.iDrag.helper.css('cursor', 'move');
  264. }
  266. if (dragged.dragCfg.revert == false) {
  267. if (dragged.dragCfg.fx > 0) {
  268. if (!dragged.dragCfg.axis || dragged.dragCfg.axis == 'horizontally') {
  269. x = new jQuery.fx(dragged,dragged.dragCfg.fx, 'left');
  270. x.custom(dragged.dragCfg.oR.x,dragged.dragCfg.nRx);
  271. }
  272. if (!dragged.dragCfg.axis || dragged.dragCfg.axis == 'vertically') {
  273. y = new jQuery.fx(dragged,dragged.dragCfg.fx, 'top');
  274. y.custom(dragged.dragCfg.oR.y,dragged.dragCfg.nRy);
  275. }
  276. } else {
  277. if (!dragged.dragCfg.axis || dragged.dragCfg.axis == 'horizontally') 
  278. dragged.style.left = dragged.dragCfg.nRx + 'px';
  279. if (!dragged.dragCfg.axis || dragged.dragCfg.axis == 'vertically')
  280. dragged.style.top = dragged.dragCfg.nRy + 'px';
  281. }
  282. jQuery.iDrag.hidehelper(dragged);
  283. if (dragged.dragCfg.ghosting == false) {
  284. jQuery(dragged).css('display', dragged.dragCfg.oD);
  285. }
  286. } else if (dragged.dragCfg.fx > 0) {
  287. dragged.dragCfg.prot = true;
  288. if(jQuery.iDrop && jQuery.iDrop.overzone && jQuery.iSort) {
  289. dh = jQuery.iUtil.getPosition(jQuery.iSort.helper.get(0));
  290. } else {
  291. dh = false;
  292. }
  293. jQuery.iDrag.helper.animate(
  294. {
  295. left : dh ? dh.x : dragged.dragCfg.oC.x,
  296. top : dh ? dh.y : dragged.dragCfg.oC.y
  297. },
  298. dragged.dragCfg.fx,
  299. function()
  300. {
  301. dragged.dragCfg.prot = false;
  302. if (dragged.dragCfg.ghosting == false) {
  303. dragged.style.display = dragged.dragCfg.oD;
  304. }
  305. jQuery.iDrag.hidehelper(dragged);
  306. }
  307. );
  308. } else {
  309. jQuery.iDrag.hidehelper(dragged);
  310. if (dragged.dragCfg.ghosting == false) {
  311. jQuery(dragged).css('display', dragged.dragCfg.oD);
  312. }
  313. }
  315. if (jQuery.iDrop && jQuery.iDrop.count > 0 ){
  316. jQuery.iDrop.checkdrop(dragged);
  317. }
  318. if (jQuery.iSort && jQuery.iDrop.overzone) {
  319. jQuery.iSort.check(dragged);
  320. }
  321. if (dragged.dragCfg.onChange && (dragged.dragCfg.nRx != dragged.dragCfg.oR.x || dragged.dragCfg.nRy != dragged.dragCfg.oR.y)){
  322. dragged.dragCfg.onChange.apply(dragged, dragged.dragCfg.lastSi||[0,0,dragged.dragCfg.nRx,dragged.dragCfg.nRy]);
  323. }
  324. if (dragged.dragCfg.onStop)
  325. dragged.dragCfg.onStop.apply(dragged);
  326. return false;
  327. },
  329. snapToGrid : function(x, y, dx, dy)
  330. {
  331. if (dx != 0)
  332. dx = parseInt((dx + (this.dragCfg.gx * dx/Math.abs(dx))/2)/this.dragCfg.gx) * this.dragCfg.gx;
  333. if (dy != 0)
  334. dy = parseInt((dy + (this.dragCfg.gy * dy/Math.abs(dy))/2)/this.dragCfg.gy) * this.dragCfg.gy;
  335. return {
  336. dx : dx,
  337. dy : dy,
  338. x: 0,
  339. y: 0
  340. };
  341. },
  343. fitToContainer : function(x, y, dx, dy)
  344. {
  345. dx = Math.min(
  346. Math.max(dx,this.dragCfg.cont.dx),
  347. this.dragCfg.cont.w + this.dragCfg.cont.dx - this.dragCfg.oC.wb
  348. );
  349. dy = Math.min(
  350. Math.max(dy,this.dragCfg.cont.dy),
  351. this.dragCfg.cont.h + this.dragCfg.cont.dy - this.dragCfg.oC.hb
  352. );
  354. return {
  355. dx : dx,
  356. dy : dy,
  357. x: 0,
  358. y: 0
  359. }
  360. },
  362. dragmove : function(e)
  363. {
  364. if (jQuery.iDrag.dragged == null || jQuery.iDrag.dragged.dragCfg.prot == true) {
  365. return;
  366. }
  368. var dragged = jQuery.iDrag.dragged;
  370. dragged.dragCfg.currentPointer = jQuery.iUtil.getPointer(e);
  371. if (dragged.dragCfg.init == false) {
  372. distance = Math.sqrt(Math.pow(dragged.dragCfg.pointer.x - dragged.dragCfg.currentPointer.x, 2) + Math.pow(dragged.dragCfg.pointer.y - dragged.dragCfg.currentPointer.y, 2));
  373. if (distance < dragged.dragCfg.snapDistance){
  374. return;
  375. } else {
  376. jQuery.iDrag.dragstart(e);
  377. }
  378. }
  380. dx = dragged.dragCfg.currentPointer.x - dragged.dragCfg.pointer.x;
  381. dy = dragged.dragCfg.currentPointer.y - dragged.dragCfg.pointer.y;
  383. for (i in dragged.dragCfg.onDrag) {
  384. newCoords = dragged.dragCfg.onDrag[i].apply(dragged, [dragged.dragCfg.oR.x + dx, dragged.dragCfg.oR.y + dy, dx, dy]);
  385. if (newCoords && newCoords.constructor == Object) {
  386. dx = i != 'user' ? newCoords.dx : (newCoords.x - dragged.dragCfg.oR.x);
  387. dy = i != 'user' ? newCoords.dy : (newCoords.y - dragged.dragCfg.oR.y);
  388. }
  389. }
  391. dragged.dragCfg.nx = dragged.dragCfg.oC.x + dx - dragged.dragCfg.diffX;
  392. dragged.dragCfg.ny = dragged.dragCfg.oC.y + dy - dragged.dragCfg.diffY;
  394. if (dragged.dragCfg.si && (dragged.dragCfg.onSlide || dragged.dragCfg.onChange)) {
  395. jQuery.iSlider.onSlide(dragged, dragged.dragCfg.nx, dragged.dragCfg.ny);
  396. }
  398. if (!dragged.dragCfg.axis || dragged.dragCfg.axis == 'horizontally') {
  399. dragged.dragCfg.nRx = dragged.dragCfg.oR.x + dx;
  400. jQuery.iDrag.helper.get(0).style.left = dragged.dragCfg.nx + 'px';
  401. }
  402. if (!dragged.dragCfg.axis || dragged.dragCfg.axis == 'vertically') {
  403. dragged.dragCfg.nRy = dragged.dragCfg.oR.y + dy;
  404. jQuery.iDrag.helper.get(0).style.top = dragged.dragCfg.ny + 'px';
  405. }
  407. if (jQuery.iDrop && jQuery.iDrop.count > 0 ){
  408. jQuery.iDrop.checkhover(dragged, clonedEl);
  409. }
  410. return false;
  411. },
  413. build : function(o)
  414. {
  415. /*if (jQuery.browser.msie) {
  416. jQuery(window)
  417. .bind(
  418. 'unload', 
  419. function()
  420. {
  421. jQuery('body')
  422. .unbind('mousemove', jQuery.iDrag.dragmove)
  423. .unbind('mouseup', jQuery.iDrag.dragstop);
  424. jQuery.iDrag.helper = null;
  425. jQuery.iDrag.dragged = null;
  426. jQuery('*').each(
  427. function()
  428. {
  429. if (this.dragElem) {
  430. jQuery(this).unbind('mousedown', jQuery.iDrag.dragstart);
  431. this.dragElem = null;
  432. this.onselectstart = null;
  433. this.ondragstart = null;
  434. }
  435. }
  436. );
  437. }
  438. );
  439. }*/
  440. if (!jQuery.iDrag.helper) {
  441. jQuery('body',document).append('<div id="dragHelper"></div>');
  442. jQuery.iDrag.helper = jQuery('#dragHelper');
  443. el = jQuery.iDrag.helper.get(0);
  444. els = el.style;
  445. els.position = 'absolute';
  446. els.display = 'none';
  447. els.cursor = 'move';
  448. els.listStyle = 'none';
  449. els.overflow = 'hidden';
  450. if (window.ActiveXObject) {
  451. el.onselectstart = function(){return false;};
  452. el.ondragstart = function(){return false;};
  453. } else {
  454. els.mozUserSelect = 'none';
  455. els.userSelect = 'none';
  456. }
  457. }
  458. if (!o) {
  459. o = {};
  460. }
  461. return this.each(
  462. function()
  463. {
  464. if (this.isDraggable || !jQuery.iUtil)
  465. return;
  466. if (window.ActiveXObject) {
  467. this.onselectstart = function(){return false;};
  468. this.ondragstart = function(){return false;};
  469. }
  470. var dhe = o.handle ? jQuery(this).find(o.handle) : jQuery(this);
  471. this.dragCfg = {
  472. revert : o.revert ? true : false,
  473. ghosting : o.ghosting ? true : false,
  474. so : o.so ? o.so : false,
  475. si : o.si ? o.si : false,
  476. insideParent : o.insideParent ? o.insideParent : false,
  477. zIndex : o.zIndex ? parseInt(o.zIndex)||0 : false,
  478. opacity : o.opacity ? parseFloat(o.opacity) : false,
  479. fx : parseInt(o.fx)||null,
  480. hpc : o.hpc ? o.hpc : false,
  481. onDrag : {},
  482. pointer : {},
  483. onStart : o.onStart && o.onStart.constructor == Function ? o.onStart : false,
  484. onStop : o.onStop && o.onStop.constructor == Function ? o.onStop : false,
  485. onChange : o.onChange && o.onChange.constructor == Function ? o.onChange : false,
  486. axis : /vertically|horizontally/.test(o.axis) ? o.axis : false,
  487. snapDistance : o.snapDistance ? parseInt(o.snapDistance)||0 : 0,
  488. cursorAt: o.cursorAt ? o.cursorAt : false,
  489. autoSize : o.autoSize ? true : false
  490. };
  491. if (o.onDrag && o.onDrag.constructor == Function)
  492. this.dragCfg.onDrag.user = o.onDrag;
  493. if (o.containment && ((o.containment.constructor == String && (o.containment == 'parent' || o.containment == 'document')) || (o.containment.constructor == Array && o.containment.length == 4) )) {
  494. this.dragCfg.containment = o.containment;
  495. }
  496. if(o.fractions) {
  497. this.dragCfg.fractions = o.fractions;
  498. }
  499. if(o.grid){
  500. if(typeof o.grid == 'number'){
  501. this.dragCfg.gx = parseInt(o.grid)||1;
  502. this.dragCfg.gy = parseInt(o.grid)||1;
  503. } else if (o.grid.length == 2) {
  504. this.dragCfg.gx = parseInt(o.grid[0])||1;
  505. this.dragCfg.gy = parseInt(o.grid[1])||1;
  506. }
  507. }
  508. if (o.onSlide && o.onSlide.constructor == Function) {
  509. this.dragCfg.onSlide = o.onSlide;
  510. }
  512. this.isDraggable = true;
  513. dhe.get(0).dragElem = this;
  514. dhe.bind('mousedown', jQuery.iDrag.draginit);
  515. }
  516. )
  517. }
  518. };
  520. jQuery.fn.extend(
  521. {
  522. DraggableDestroy : jQuery.iDrag.destroy,
  523. Draggable : jQuery.iDrag.build
  524. }
  525. );