Visually Connect Elements on a Web Page: jsPlumb jQuery Plugin
Posted on March 25, 2010, under jQuery
jsPlumb is a jQuery plugin that provides a way to “plumb” elements of a UI together. It is much the same way you may have seen on Yahoo Pipes. It uses Canvas in modern browsers and Google’s ExplorerCanvas script for stone-age browsers.
The plugin relies on jQuery 1.3.x or jQuery 1.4.x (tested on 1.3.2 and 1.4.2), and also jQuery UI 1.7.2 (if you want to support dragging). Full transparent support for jQuery dragging is included, the API is super simple, and the compressed version of the script is just 11K.
- Source: http://code.google.com/p/jsplumb/
- Demo: http://morrisonpitt.com/jsPlumb/html/demo.html
- Download: http://code.google.com/p/jsplumb/downloads/list
- Tested in: IE 6, 7, 8 (forced IE7 standards compatibility mode) on Windows XP, Firefox 3.5.8 on Windows XP, Firefox 3.6 on Ubuntu 9.10, Firefox 3.6 on Windows XP, Chrome on Ubuntu 9.10, Safari 4 on Mac Tiger, Safari 4 on Windows XP, Opera 10.5 on Windows XP
- March 25, 2010
- article by Gabriel C.
- 1 comment