<!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:[email protected]" 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. | ||