DOCS API TESTS CONTACT GITHUB DISCUSS ISSUES
one
toggle connections
disable dragging
detach all
two
toggle connections
disable dragging
detach all
three
toggle connections
disable dragging
detach all
four
toggle connections
disable dragging
detach all

#### DRAG & DROP

Drag from any Endpoint to similar Endpoints on other elements to create Connections.

Blue Endpoints use a beforeDrop interceptor. This enables you to intercept a new connection and decide whether or not you wish to allow it to proceed. They are also configured to automatically reattach if you drag a Connection off and drop it on the background.

Yellow Endpoints are configured to use a beforeDetach interceptor, which provides a way to programmatically override a Connection detach. Yellow connections are painted with the Straight connector

Green Endpoints support up to three Connections. Once a green Endpoint has three connections, when you drag from it you will drag the oldest connection made on the Endpoint.

clear plumbing

This demo uses jsPlumb 1.5.2, MooTools 1.3.2 and MooTools More 1.3.2.1.