jsPlumb Example

What is JsPlumb?

It is a library to provide connectivity between DOM element in browser.

Home page: https://jsplumbtoolkit.com/

 

Display in Browser

jsplumbexamplecapture

From: http://stackoverflow.com/questions/13011230/is-there-a-simple-but-useful-jquery-jsplumb-example

Sample Code

<html>
<head>
 
<style type="text/css">
#container0, #container1 {
float: left;
height: 100px;
width: 100px;
border: 1px solid black;
margin: 10px;
}
</style>
 
http://jsPlumb-2.0.6.js
 
 jsPlumb.ready(function() {
 
 var e0 = jsPlumb.addEndpoint("container0"),
 e1 = jsPlumb.addEndpoint("container1");
 
 jsPlumb.connect({ source:e0, target:e1 }); 
 
 });
 
</head>
 
<body>
 </body> </html>
廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s