How to draw a line between draggable and droppable?

by
  • updated (08.Jul.2013) Updated with latest versions of libraries; html refactored using JsRender;
  • updated (29.Sep.2011) Added GIT Repo; cleaned the code; update to latest framework versions;
  • updated (03.Mar.2013) Fixed links with working example;

Current example uses:

Source

Source code in Git Repository

Demo

Page demo at JSBIN

Works on FF, IE, Chrome, Safari and Opera.

tested on:

  • Firefox 6 and 7 .. 22
  • IE 8 and 9 .. 10
  • Chrome 12+ .. 27
  • Safari 5+ .. 6
  • Opera 11.51 .. 15

to show you all, I just made a little demo of my accomplishment (I am a proud person today!):

Video demo

and a little image:

alt text

More Related Contents:

  1. jquery’s append not working with svg element?
  2. Slide right to left?
  3. How to remove close button on the jQuery UI dialog?
  4. Find out whether radio button is checked with JQuery?
  5. JQuery ui – date picker, disabling specific dates
  6. How to display an IFRAME inside a jQuery UI dialog
  7. SVG draggable using JQuery and Jquery-svg
  8. jQuery – draggable images on iPad / iPhone – how to integrate event.preventDefault();?
  9. jQuery UI Autocomplete – menu disappears on hover
  10. Html5 drag and drop on svg element
  11. Jquery UI tooltip does not support html content
  12. how to get source of a page
  13. Slide down button to show text HTML CSS
  14. Detecting no results on jQuery UI autocomplete
  15. jQuery UI Autocomplete widget search configuration
  16. Prevent redirect after form is submitted
  17. How do I auto-hide placeholder text upon focus using css or jquery?
  18. Twitter Bootstrap Use collapse.js on table cells [Almost Done]
  19. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  20. jQuery UI autocomplete with JSON
  21. HTML Table to JSON
  22. HTML Attribute rel Errors using fancyBox
  23. Select elements without any class [duplicate]
  24. jQuery Sortable – drag and drop multiple items
  25. JQuery data selector not updating with .data
  26. Find all unchecked checkboxes in jQuery
  27. How to create a diagonal line within a table cell?
  28. What’s faster for including scripts, using CDN (Google) or storing them locally in website’s root?
  29. Disable select options based on value *through the HTML only!*
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment