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
Expose HTML Elements with Style: jQuery Highlighter Plugin
at January 3, 2010
Move Elements into an Interactive Area: Roundabout jQuery Plugin
at December 23, 2009
Easily Add Maps to a Webpage: Google Maps jQuery Plugin
at January 6, 2010 with 1 comment
Stylish GMail-like buttons: JQuery styledButton Plugin
at January 28, 2010
Zoom Elements: ‘Anything Zoomer’ jQuery Plugin
at July 20, 2009 with 1 comment