Stack Overflow
Stack Overflow

Questions tagged [jsplumb]

jsPlumb provides a way to "plumb" elements of a UI together.

jsPlumb is javascript library that allows you to connect elements on the screen using SVG, Canvas or VML, depending on the capabilities of the browser. It can be used with jQuery, MooTools or YUI3 (or another library of your choice if you feel like implementing an adapter for it).

Useful links

Related tags

566 questions
37
votes
3 answers

Are there any alternatives to jsPlumb? (for the purpose of connecting DOM elements)

I'm making a gantt project management system, and I'm trying to connect the DOM elements of a UI together, like in this jsPlumb demo: However, I don't like jsPlumb much. I searched for alternatives, but couldn't find any. Are there any jsPlumb…
needim
  • 493
  • 1
  • 4
  • 7
22
votes
1 answer

Save and Load jsPlumb flowchart including exact anchors and connections

This is the jsFiddle of the flowchart editor I am building. This is an example of what can be easily created with "Add Decision" + "Add Task", connecting and moving the elements. Now for the hard part: I want to be able to save and load the exact…
hbit
  • 959
  • 2
  • 13
  • 33
22
votes
4 answers

jsPlumb: how to make Flowchart connectors avoid intersecting elements?

Is it possible to make jsPlumb Flowchart connectors not to cross connectable items or specified elements (in the example: elements with 'item' class)? Default Flowchart behaviour: A desired result: Here's what I…
Dmitry Druganov
  • 2,088
  • 3
  • 23
  • 32
20
votes
2 answers

Is there a simple but useful jquery.JsPlumb example?

For the last week I've been searching for some graph-visualization javascript-library and I've stumbled upon jsPlumb, which is judging by the examples I've seen, the best looking and most advanced library I've seen so far. The documentation is,…
Sebastian van Wickern
  • 1,699
  • 3
  • 15
  • 31
19
votes
3 answers

How can I prevent overlapping in a family tree generator?

I'm creating an interactive family tree creator, unlike more simpler versions which are simple pedigree charts/trees. The requirements for mine (based on familyecho.com) are: multiple partners vs just a simple 2 parent to 1 child that you normally…
meder omuraliev
  • 183,342
  • 71
  • 393
  • 434
12
votes
2 answers

AngularJS - How do I avoid using $timeout to wait for an element to be created?

Here is the idea: So I am trying to use an external library function to create some manipulation in the DOM in one of my controllers that my ng-repeat is connected to. Newest jsFiddle working but ... http://jsfiddle.net/GeorgiAngelov/KRbdL/150/ So…
Georgi Angelov
  • 4,338
  • 12
  • 67
  • 96
12
votes
11 answers

How to delete jsPlumb connection

I am playing with jsplumb, but I am not able to delete the connection between two divs having only the id of one div.
GigaPr
  • 5,206
  • 15
  • 60
  • 77
11
votes
5 answers

Save and load a flowchart on jsPlumb

What's the best approach to save and load an flowchart on jsPlumb?
Diogo Cardoso
  • 21,637
  • 26
  • 100
  • 138
11
votes
5 answers

jsplumb.connect() use existing endpoints instead of creating new

I have an issue with the jsPlumb.connect function. I have an application where a user can add
elements, which gets jsPlumb endpoints. The User can connect all these elements with each other. The chart can be saved in a MySQL Database (in JSON…
oneandonlycore
  • 480
  • 6
  • 23
11
votes
3 answers

jsPlumb - dynamic endpoint anchors on each side

I am trying to figure out a way how to add endpoint anchors dynamically to jsPlumb container. I would like to have source endpoints on the left side and target endpoints on the right side only. The problem is, that I wasn't able to find any way to…
DMINATOR
  • 471
  • 1
  • 3
  • 10
10
votes
1 answer

How to build Connections with Edges in JsPlumb?

How can I set up a JsPlumb connection that splits in the middle and goes to more than one endploints like in the following images? A: Connecting two endpoints with one connection: B: Connecting two endpoints with one connection: C: Connecting…
Michael
  • 32,527
  • 49
  • 210
  • 370
9
votes
3 answers

Using AngularJS and jsPlumb (use jsPlumb functions in AngularJS controller)

So I have a project that I am working on and it requires that I use jsPlumb for graphical elements connections and I am building my app entirely using AngularJS. What is the procedure to follow if I want to include another library's code into my…
Georgi Angelov
  • 4,338
  • 12
  • 67
  • 96
9
votes
2 answers

Randomly position jsPlumb's windows/dialogs

Is there a way to randomly position all of the dialogs/windows created with jsPlumb? If I have lots of items which I want to represent in these dialogs, but the issue is I need to place them on the screen by giving them a position, but since there's…
user670085
  • 190
  • 1
  • 8
8
votes
1 answer

How to remove item from a group in JSPlumb?

Using JSPlumb, I want to be able to drag elements into a group, utilise them in the group, then drag them out of the group again. My code creates a group correctly, I can drag item into it, move the group correctly, but the item stays inside the…
qtime67
  • 317
  • 5
  • 21
8
votes
1 answer

How to make elements disappear under parent

I wish to achieve this effect: where a draggable will disappear below the edges of the container div. I am not sure in which direction to head. At first I thought I should use css z-index but so far unsuccessful. Is there a simple way to achieve…
Overdrivr
  • 6,296
  • 5
  • 44
  • 70
1
2 3
…
37 38