| 1 |
function dragEvent() { |
| 2 |
var d, e; |
| 3 |
if(document.addEventListener) { |
| 4 |
for(d in draggable) { |
| 5 |
e = draggable[d] = getE(d); |
| 6 |
e.draginfo = [0,0,0,0,newel('g',{cursor:'move'})]; |
| 7 |
(e.nearestViewportElement || e.ownerSVGElement || document.documentElement).appendChild(e.draginfo[4]); |
| 8 |
e.parentNode.removeChild(e); |
| 9 |
e.draginfo[4].appendChild(e); |
| 10 |
} |
| 11 |
document.addEventListener('mouseup', function(e) { |
| 12 |
var t = finditem(e,draggable); |
| 13 |
if(t && t.dragging) { |
| 14 |
t.dragging = null; |
| 15 |
} |
| 16 |
}); |
| 17 |
document.addEventListener('mousedown', function(e) { |
| 18 |
var t = finditem(e,draggable), m; |
| 19 |
if(t && !t.dragging) { |
| 20 |
var pos = svgCursorCoords(e); |
| 21 |
t.draginfo[0] = pos[0]; |
| 22 |
t.draginfo[1] = pos[1]; |
| 23 |
t.dragging = 1; |
| 24 |
e.cancelBubble = true; |
| 25 |
e.preventDefault && e.preventDefault(); |
| 26 |
return false; |
| 27 |
} |
| 28 |
}); |
| 29 |
function dragmove(e) { |
| 30 |
var t = finditem(e,draggable), d; |
| 31 |
if(t && t.dragging) { |
| 32 |
d = t.draginfo; |
| 33 |
var pos = svgCursorCoords(e); |
| 34 |
d[2] = d[2] - d[0] + pos[0]; |
| 35 |
d[3] = d[3] - d[1] + pos[1]; |
| 36 |
d[0] = pos[0]; |
| 37 |
d[1] = pos[1]; |
| 38 |
setattr(d[4], 'transform', 'translate(' + d[2] + ',' + d[3] + ')'); |
| 39 |
e.cancelBubble = true; |
| 40 |
e.preventDefault && e.preventDefault(); |
| 41 |
return false; |
| 42 |
} |
| 43 |
}; |
| 44 |
document.addEventListener('mousemove', dragmove); |
| 45 |
document.addEventListener('mouseout', dragmove); |
| 46 |
} |
| 47 |
} |
| 48 |
|
