-2

In JavaScript, we want implementation where we will have some dragable elements as input and some drop area(like, Inout , proccessing and output area) where we can drag and drop respective elements in respective area and that should be linked automatically. Is there any solution available in java script using some library like JointJS.

Artem Stepin
  • 421
  • 5
  • 13
Rakesh Kumar
  • 11
  • 1
  • 2
  • https://jqueryui.com/ – Hobroker Jun 13 '17 at 12:55
  • Possible duplicate of [What are the best light-weight solutions for Drag and Drop?](https://stackoverflow.com/questions/3097600/what-are-the-best-light-weight-solutions-for-drag-and-drop) – Artem Stepin Jun 13 '17 at 12:59
  • html 5 has a good implementation of drag and drop in w3schools tutorial site https://www.w3schools.com/html/html5_draganddrop.asp For linking there are many frameworks including jointjs, i have found joint js to be good if you like to dig through their code, tutorial is not extensive – Vinay Prabhakaran Jun 18 '17 at 07:51

1 Answers1

0

Please go through below solution.

If your application is going to be JS heavy, I recommend using a javascript library. I prefer jquery, but there are many more libraries for doing this.

The functionality you are looking for is available in the jQueryUI project as a widget http://jqueryui.com/demos/droppable/

Some people might find it distasteful that I'm recommending a framework, but it will get the job done quicker for you.

Have a look at this example on the files needed to setup a demo http://jsbin.com/ejolo6

Alex Mac
  • 2,970
  • 1
  • 22
  • 39