[727] | 1 | (function() |
---|
| 2 | { |
---|
| 3 | var _element = null; |
---|
| 4 | |
---|
| 5 | function _config(pObj, pEvent, pHandler) |
---|
| 6 | { |
---|
| 7 | if ( typeof pObj == 'object' ) |
---|
| 8 | { |
---|
| 9 | if ( pEvent.substring(0, 2) == 'on' ) |
---|
| 10 | pEvent = pEvent.substring(2, pEvent.length); |
---|
| 11 | |
---|
| 12 | if ( arguments.length == 3 ) |
---|
| 13 | { |
---|
| 14 | if ( pObj.addEventListener ) |
---|
| 15 | pObj.addEventListener(pEvent, pHandler, false); |
---|
| 16 | else if ( pObj.attachEvent ) |
---|
| 17 | pObj.attachEvent('on' + pEvent, pHandler); |
---|
| 18 | } |
---|
| 19 | else if ( arguments.length == 4 ) |
---|
| 20 | { |
---|
| 21 | if ( pObj.removeEventListener ) |
---|
| 22 | pObj.removeEventListener(pEvent, pHandler, false); |
---|
| 23 | else if ( pObj.detachEvent ) |
---|
| 24 | pObj.detachEvent('on' + pEvent, pHandler); |
---|
| 25 | } |
---|
| 26 | } |
---|
| 27 | } |
---|
| 28 | |
---|
| 29 | function _getMouseOffset(e, el) |
---|
| 30 | { |
---|
| 31 | var docPos = _getPosition(el); |
---|
| 32 | var mousePos = _mouseCoords(e); |
---|
| 33 | return { |
---|
| 34 | 'x' : mousePos.x - docPos.x, |
---|
| 35 | 'y' : mousePos.y - docPos.y |
---|
| 36 | }; |
---|
| 37 | } |
---|
| 38 | |
---|
| 39 | function _getPosition(_pObject) |
---|
| 40 | { |
---|
| 41 | var left = 0; |
---|
| 42 | var top = 0; |
---|
| 43 | |
---|
| 44 | while ( _pObject.offsetParent ) |
---|
| 45 | { |
---|
| 46 | left += _pObject.offsetLeft; |
---|
| 47 | top += _pObject.offsetTop; |
---|
| 48 | _pObject = _pObject.offsetParent; |
---|
| 49 | } |
---|
| 50 | |
---|
| 51 | left += _pObject.offsetLeft; |
---|
| 52 | top += _pObject.offsetTop; |
---|
| 53 | |
---|
| 54 | return { |
---|
| 55 | 'x' : left, |
---|
| 56 | 'y' : top |
---|
| 57 | }; |
---|
| 58 | } |
---|
| 59 | |
---|
| 60 | function _mouseCoords(ev) |
---|
| 61 | { |
---|
| 62 | var CoordX = ""; |
---|
| 63 | var CoordY = ""; |
---|
| 64 | |
---|
| 65 | if ( ev.pageX || ev.pageY ) |
---|
| 66 | return { |
---|
| 67 | 'x' : ev.pageX, |
---|
| 68 | 'y' : ev.pageY |
---|
| 69 | }; |
---|
| 70 | |
---|
| 71 | CoordX = ev.clientX + document.body.scrollLeft - document.body.clientLeft; |
---|
| 72 | CoordY = ev.clientY + document.body.scrollTop - document.body.clientTop; |
---|
| 73 | return { |
---|
| 74 | 'x' : CoordX, |
---|
| 75 | 'y' : CoordY |
---|
| 76 | }; |
---|
| 77 | } |
---|
| 78 | |
---|
| 79 | function _mouseMove(e) |
---|
| 80 | { |
---|
| 81 | if ( _element ) |
---|
| 82 | { |
---|
| 83 | if ( _element.mouseOffset == null ) |
---|
| 84 | _element.mouseOffset = _getMouseOffset(e, _element); |
---|
| 85 | |
---|
| 86 | var mousePos = _mouseCoords(e); |
---|
| 87 | |
---|
| 88 | var x = mousePos.x - _element.mouseOffset.x; |
---|
| 89 | var y = mousePos.y - _element.mouseOffset.y; |
---|
| 90 | _element.style.left = (( x < 0 ) ? 0 : x) + 'px'; |
---|
| 91 | _element.style.top = (( y < 0 ) ? 0 : y) + 'px'; |
---|
| 92 | } |
---|
| 93 | } |
---|
| 94 | |
---|
| 95 | function _mouseUp() |
---|
| 96 | { |
---|
| 97 | if ( _element ) |
---|
| 98 | { |
---|
| 99 | _config(_element, 'onmousemove', _mouseMove, 'remove'); |
---|
| 100 | _config(top.document, 'onmousemove', _mouseMove, 'remove'); |
---|
| 101 | |
---|
| 102 | _config(_element, 'onmouseup', _mouseUp, 'remove'); |
---|
| 103 | _config(top.document, 'onmouseup', _mouseUp, 'remove'); |
---|
| 104 | |
---|
| 105 | _element.mouseOffset = null; |
---|
| 106 | _element = null; |
---|
| 107 | } |
---|
| 108 | } |
---|
| 109 | |
---|
| 110 | function _toDrag(el) |
---|
| 111 | { |
---|
| 112 | if ( el.getAttribute('dragdrop_parent') == null ) |
---|
| 113 | { |
---|
| 114 | if ( el.getAttribute('dragdrop_child') != null ) |
---|
| 115 | { |
---|
| 116 | var children = 0; |
---|
| 117 | while ( (++children < 5) && (el.getAttribute('dragdrop_parent') == null) ) |
---|
| 118 | el = el.parentNode; |
---|
| 119 | } |
---|
| 120 | if ( el.getAttribute('dragdrop_parent') == null ) |
---|
| 121 | el = false; |
---|
| 122 | } |
---|
| 123 | return el; |
---|
| 124 | } |
---|
| 125 | |
---|
| 126 | function _drag(e) |
---|
| 127 | { |
---|
| 128 | if (typeof e.preventDefault != 'undefined') |
---|
| 129 | e.preventDefault(); |
---|
| 130 | else |
---|
| 131 | e.onselectstart = new Function("return false;"); |
---|
| 132 | |
---|
| 133 | var el = ( e.target ) ? e.target : e.srcElement; |
---|
| 134 | |
---|
| 135 | el = _toDrag(el); |
---|
| 136 | |
---|
| 137 | if ( el ) |
---|
| 138 | { |
---|
| 139 | _element = el; |
---|
| 140 | |
---|
| 141 | _config(el, 'onmousemove', _mouseMove); |
---|
| 142 | _config(top.document, 'onmousemove', _mouseMove); |
---|
| 143 | |
---|
| 144 | _config(el, 'onmouseup', _mouseUp); |
---|
| 145 | _config(top.document, 'onmouseup', _mouseUp); |
---|
| 146 | } |
---|
| 147 | } |
---|
| 148 | |
---|
| 149 | function _set(_pObject) |
---|
| 150 | { |
---|
| 151 | if ( typeof _pObject != 'object' ) |
---|
| 152 | return false; |
---|
| 153 | |
---|
| 154 | _pObject.setAttribute('dragdrop_parent', 'true'); |
---|
| 155 | |
---|
| 156 | _config(_pObject, 'onmousedown', _drag); |
---|
| 157 | } |
---|
| 158 | |
---|
| 159 | function DragDrop() |
---|
| 160 | { |
---|
| 161 | } |
---|
| 162 | |
---|
| 163 | DragDrop.prototype.drag = _set; |
---|
| 164 | window.JITDragDrop = DragDrop; |
---|
| 165 | } |
---|
| 166 | )(); |
---|