mbirth/LuckyCoinkydink
1
0
Fork 0
Code Issues Pull Requests Activity

* Plugin drag/drop now can scroll up/down/left/right when touching

Browse Source 
the borders. Thanks to onli!
This commit is contained in:
Garvin Hicking 2009-06-15 09:49:47 +00:00
parent 450ab08732
commit c6e2ffe0a7
2 changed files with 37 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/NEWS
View File

@ -3,6 +3,9 @@
Version 1.5 ()
------------------------------------------------------------------------
* Plugin drag/drop now can scroll up/down/left/right when touching
the borders. Thanks to onli!
* Changed shoutbox plugin. Shoutbox input size is configurable now.
Wrong description for dateformat fixed.
(brockhaus)

36
templates/default/dragdrop.js vendored
View File

@ -151,6 +151,8 @@ var Drag = {
BIG_Z_INDEX : 10000,
group : null,
isDragging : false,
scrolledY : 0,
scrolledX : 0,
makeDraggable : function(group) {
group.handle = group;
@ -288,6 +290,7 @@ var Drag = {
"SE offset: " + seOffset.toString();*/
},
onMouseMove : function(event) {
event = Drag.fixEvent(event);
var group = Drag.group;
@ -317,12 +320,15 @@ var Drag = {
group.style["opacity"] = 0.75;
}
// TODO: need better constraint API
var adjusted = mouse.constrain(group.mouseMin, group.mouseMax);
nwPosition = nwPosition.plus(adjusted.minus(group.dragCoordinate));
nwPosition.reposition(group);
group.dragCoordinate = adjusted;
// once dragging has started, the position of the group
// relative to the mouse should stay fixed. They can get out
// of sync if the DOM is manipulated while dragging, so we
@ -335,17 +341,43 @@ var Drag = {
// changed to be recursive/use absolute offset for corrections
var offsetBefore = Coordinates.northwestOffset(group, true);
group.onDrag(nwPosition, sePosition, nwOffset, seOffset);
//sroll window if reaching the border
if(event.clientX < 20) {
window.scrollBy(-20, 0);
Drag.scrolledX = -20;
}
if (event.clientX > window.innerWidth -20) {
window.scrollBy(20, 0);
Drag.scrolledX = 20;
}
if(event.clientY < 20) {
window.scrollBy(0, -20);
Drag.scrolledY = -20;
}
if (event.clientY > window.innerHeight -20) {
window.scrollBy(0, 20);
Drag.scrolledY = 20;
}
var offsetAfter = Coordinates.northwestOffset(group, true);
offsetAfter.x = offsetAfter.x - Drag.scrolledX;
offsetAfter.y = offsetAfter.y - Drag.scrolledY;
if (!offsetBefore.equals(offsetAfter)) {
var errorDelta = offsetBefore.minus(offsetAfter);
Drag.scrolledX = 0;
Drag.scrolledY = 0;
nwPosition = Coordinates.northwestPosition(group).plus(errorDelta);
nwPosition.reposition(group);
}
return false;
},
onMouseUp : function(event) {
event = Drag.fixEvent(event);
var group = Drag.group;
@ -799,4 +831,4 @@ var DOMDrag = {
if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
return e;
}
};
};