Comments on: Draggability for the Raphaël Library

By: Jose Manuel

Jose Manuel — Thu, 01 Sep 2011 11:34:39 +0000

Hi! Aubert, I had the same problem as you but I solved it modifying the functions like “something.mousedown = function(event){” by replacing event for e and adding e = e || event.
I mean:
element.mousedown(function(e) {
e = e || event

if (paper.draggable.current() || !element.draggable.enabled)
return;

paper.draggable.current(element.draggable.parent || element);
lastDragX = e.clientX;
lastDragY = e.clientY;

startDragger();
});
That works on IE8

Hope it’s not too late xD

By: Aubert

Aubert — Wed, 15 Dec 2010 12:37:16 +0000

hello, it was possible to write :

function startDragger() {
document.onmousemove = function(event) {
event = event || window.event
if (paper.draggable.current()) {
var transX = event.clientX - lastDragX;
var transY = event.clientY - lastDragY;

paper.draggable.current().translate(transX, transY);
lastDragX = event.clientX;
lastDragY = event.clientY;
}
};

By: Aubert

Aubert — Wed, 15 Dec 2010 11:11:09 +0000

Hello,
Very nice work , but in IE (8 and 9beta) there is a little problem with this function :

function startDragger() {
document.onmousemove = function(event) {
if (paper.draggable.current()) {
var transX = event.clientX - lastDragX;
var transY = event.clientY - lastDragY;

paper.draggable.current().translate(transX, transY);
lastDragX = event.clientX;
lastDragY = event.clientY;
}
};

IE take event to Null all the Time ……Any idea ???

By: Matthew Ephraim

Matthew Ephraim — Thu, 11 Mar 2010 21:34:58 +0000

@Alex

The set object in Raphael already has a translate method that will move the entire set in an x and y direction. I’m not sure if that’s what you were looking for.

My draggable plugin takes advantage of that method to move the entire set when you click and drag any of the elements inside of the set.

I’m still working on the plugin, and I have some additional changes that I’m hoping to push once they get fleshed out a little bit more.

By: Alex

Alex — Tue, 02 Mar 2010 09:03:48 +0000

This sounds awesome, and just the thing I was looking for. Does this mean that you have some x,y attributes you can modify as well, and the group of objects have their coordinates changed according to their various distances from eachother, or is it more like a grouping of the draggable events (which then triggers coordinate changes in a cascading fashion)?

Btw, I know I’m late to this post, and not sure if anything has changed since it was posted. I’m interested in doing more Raphael stuff, but find plugins and such hard to find.