October 2011
3 posts
2 tags
Changing the mouse cursor when hovering over a...
If you’re making use of the mouse events on jsPlumb connections, sooner or later you might find yourself wanting to change the mouse cursor, to indicate to the user that a particular connection is clickable or whatever. This post gives you a quick run down on how to do so - there’s a little trick you need to be aware of.
jsPlumb can render connections with one of three technologies:...
Passing extra parameters to a jsPlumb connection
This is a question I’ve had a few times now - if I have several different source Endpoints that can all connect to some target Endpoint, how do I know which one has made a Connection?
The concept of ‘scope’ does not, unfortunately, provide the answer, as it is limited to a single scope per Endpoint (having said that, one open issue on the Google Code site for jsPlumb is to...
4 tags
Why doesn't jsPlumb offer a save function?
I’ve been asked this question enough times now that it warrants its own blog post.
The simple answer is that jsPlumb is a “view” technology. It’s the V in MVC. You use jsPlumb to assist in the visualisation of some arbitrary data model: it’s not the data model itself, it’s a part of the picture of the data model.
A well designed UI maintains a clear...
June 2011
1 post
5 tags
What's new in jsPlumb 1.2.6
jsPlumb 1.2.6 was released today, with several bugfixes, an improved syntax for specifying Endpoints, Connectors and Overlays, mouse events when using Canvas, Flowchart Connectors, and a couple of other new pieces of functionality. Here’s a run-down.
Shorthand Syntax for Endpoints, Connectors and Overlays
In previous versions of jsPlumb you may have got used to writing code like...
jsPlumb basics
In this post I’m going to attempt to provide you with a basic overview of the concepts used by the jsPlumb plugin. If jsPlumb is new to you then maybe you might want to take a look here:
http://jplumb.org
In a nutshell, jsPlumb offers you the ability to visually link elements of your HTML pages together, using what we call Connections. A Connection appears as a line of some description -...
Introducing jsPlumb
jsPlumb is a jQuery plugin that enables you to connect elements on an HTML page with visual links, both statically, and, from version 1.1.0, by clicking and dragging with the mouse.
there are several demonstration pages available at http://morrisonpitt.com/jsPlumb/html/demo.html
the code is open sourced and MIT-licensed, and is hosted on Google Code at http://code.google.com/p/jsplumb/
this...