<!doctype html>
<html>
<head>
<title>jsPlumb 1.3.3 - flowchart connectors demonstration - YUI3</title>
<link rel="stylesheet" href="../css/jsPlumbDemo.css">
<link rel="stylesheet" href="../css/flowchartDemo.css">
</head>
<body onunload="jsPlumb.unload();">
<div class="menu"><a href="../doc/usage.html" class="mplink">view documentation</a> | <a href="../../apidocs">view api docs</a> | <a href="../tests/1.3.3/qunit-all.html">qunit tests</a> | <a href="mailto:simon.porritt@gmail.com" class="mplink">contact me</a> | <a href="http://code.google.com/p/jsplumb/" class="mplink">jsPlumb on Google code</a></div>
<div id="demo">
<div class="window" id="window1"><strong>1</strong><br/><br/></div>
<div class="window" id="window2"><strong>2</strong><br/><br/></div>
<div class="window" id="window3"><strong>3</strong><br/><br/></div>
<div class="window" id="window4"><strong>4</strong><br/><br/></div>
</div>
<div id="explanation">
<p>This is a demonstration of flowchart connectors and mouse events</p>
<p>Hover over connections to highlight them, click to delete. </p>
<p>Drag new connections from blue dots to green dots.</p>
<p>This demonstration uses jsPlumb 1.3.3 and YUI 3.3.0.</p>
<a href="chartDemo.html" class="mplink">next: chart demonstration</a><br/>
<a href="demo.html" class="mplink">prev: jsPlumb home</a>
<br/><br/>
render mode: <a href="#" class="rmode" mode="svg">SVG</a> | <a href="#" class="selected rmode" mode="canvas">Canvas</a> | <a href="#" class="rmode" mode="vml">VML</a>
<br/><br/>
You also might like to check out <a class="mplink" href="http://tweetplumb.com?q=#jquery" target="_blank">TweetPlumb</a>, a Twitter visualisation built with jsPlumb.
<br/><br/>
See a <a href="../jquery/flowchartConnectorsDemo.html">jQuery version</a> of this demo.<br/>
See a <a href="../mootools/flowchartConnectorsDemo.html">MooTools version</a> of this demo.
</div>
<script type="text/javascript" src="http://yui.yahooapis.com/3.3.0/build/simpleyui/simpleyui-min.js"></script>
<script type="text/javascript" src="../js/1.3.3/yui.jsPlumb-1.3.3-all-min.js"></script>
<!-- demo code -->
<script type="text/javascript" src="../js/1.3.3/flowchartConnectorsDemo.js"></script>
<!-- demo helper code -->
<script type="text/javascript" src="../js/1.3.3/demo-helper-yui3.js"></script>
<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=6543403;
var sc_invisible=1;
var sc_security="b1f05c44";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="tumblr page counter"
href="http://statcounter.com/tumblr/" target="_blank"><img
class="statcounter"
src="http://c.statcounter.com/6543403/0/5a87615f/1/"
alt="tumblr page counter" ></a></div></noscript>
<!-- End of StatCounter Code -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-15400992-4']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
| # |
Change |
User |
Description |
Committed |
|
|
#1
|
16445 |
christiane_renck |
Rename/move file(s) |
|
|
|
//guest/christiane_renck/MergeQuestJS/main/demos/jsPlumb/flowchartDemo/flowchartConnectorsDemo_orig.html |
|
#1
|
16444 |
christiane_renck |
Adding MergeQuestJS to the Workshop. |
|
|