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 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...

I've implemented drag and drop using the jQuery UI draggable widget.  I'm now implementing auto scroll during drag operations. I set it up so that when you start to drag, gray overlays appear at the top and bottom of the browser window. When...

how can I draw line between two div's with jquery library or simple javascript?  I have various div's boxes on page with there id's  id1 #id2 #id3 #id4 and #id5 and so on...  what I wants if I click on #div1 and drag it to #div2 It will m...