How can I (or what tools are available) for drawing a line between two or more elements to connect them? Any combination of HTML/CSS/JavaScript/SVG/Canvas is fine.  If your answer supports any of these, then do mention it:   draggable elements drag...

I am updating/debugging and expanding the capabilities of my draggable script and I need to be able to achieve the following result:  whatever.onRightMouseButtonMousedown = preventDefault();   I have done a lot of research to no avail, however, I kno...

I am using the latest version of JQuery and JQuery UI to understand drag and drop features. I am facing a minor problem - mostly due to mouse drag.     As you can see that I am creating stacks with some items in it.       Now if these stacks are just...

I am using jQuery droppable (in conjunction with jQuery draggable) to allow the user to add rows to an HTML table by dragging items from a list and dropping them on the table.  This works well, however at present the logic is that when the user drag-...

I have the following HTML:  <div class="list" id="list">     <div class="item" id="i1">Item 1</div>     <div class="item" id="i2">Item 2</div>     <div class="item&#...

I'm trying to catch the dragend event in Javascript for a draggable DIV.  The dragend event is not fired at all, why ? and how to solve this ? PS, I'm ussing .draggable() method from: jQuery UI 1.9.2  Here's my code: http://jsfiddle.net/v...

The idea is pretty simple and it almost works. There are two tables and the user has the option of dragging rows between the two tables. When a row is dragged from table1 to table2, ajax is used in order to update the database with the data that is r...

I am looking for an example of drag and drop where the drag item has two distinct areas that have to match up with two droppable areas.  Example:   I would like the blue drag item to revert unless it is dropped in a position where each of its red chi...

I have a div element that I want to be able to drag onto a scaled element. However when I do this, the div element doesn't go to the right coordinates of the element but it does when I drag it around for the second time.  I also think it scales u...

Lets say there is a draggable object capable of being dragged only on one axis.   Is there a way to programmatically move it? Either to start, or by a delta. Of course I could go and change its css left property, but that wouldn't trigger the dra...