Helix SwarmHelix Swarm

flowchartConnectorsDemo_orig.html

  • //
  • guest/
  • christiane_renck/
  • mergequestjs/
  • main/
  • demos/
  • jsPlumb/
  • flowchartDemo/
  • flowchartConnectorsDemo_orig.html #1
  • View
  • Commits
  • Open Download .zip Download (3 KB) 
  1. <!doctype html>
  2.  
  3. <html>
  4. 	<head>
  5. 		<title>jsPlumb 1.3.3 - flowchart connectors demonstration - YUI3</title>
  6. 		<link rel="stylesheet" href="../css/jsPlumbDemo.css">
  7. 		<link rel="stylesheet" href="../css/flowchartDemo.css">
  8. 	</head>
  9. 	<body onunload="jsPlumb.unload();">
  10. 	
  11. 	<div class="menu"><a href="../doc/usage.html" class="mplink">view documentation</a>&nbsp;|&nbsp;<a href="../../apidocs">view api docs</a>&nbsp;|&nbsp;<a href="../tests/1.3.3/qunit-all.html">qunit tests</a>&nbsp;|&nbsp;<a href="mailto:simon.porritt@gmail.com" class="mplink">contact me</a>&nbsp;|&nbsp;<a href="http://code.google.com/p/jsplumb/" class="mplink">jsPlumb on Google code</a></div>
  12. 	
  13. 		<div id="demo">
  14. 			<div class="window" id="window1"><strong>1</strong><br/><br/></div>
  15. 			<div class="window" id="window2"><strong>2</strong><br/><br/></div>
  16. 		    <div class="window" id="window3"><strong>3</strong><br/><br/></div>
  17. 		    <div class="window" id="window4"><strong>4</strong><br/><br/></div>
  18. 		</div>
  19. 	    
  20. 	    <div id="explanation">
  21. 	    	<p>This is a demonstration of flowchart connectors and mouse events</p>
  22. 	    	<p>Hover over connections to highlight them, click to delete. </p>
  23. 	    	<p>Drag new connections from blue dots to green dots.</p>
  24. 	    	<p>This demonstration uses jsPlumb 1.3.3 and YUI 3.3.0.</p>
  25. 	    	<a href="chartDemo.html" class="mplink">next: chart demonstration</a><br/>
  26. 	    	<a href="demo.html" class="mplink">prev: jsPlumb home</a>
  27. 	    	<br/><br/>
  28. 	    	render mode:&nbsp;<a href="#" class="rmode" mode="svg">SVG</a>&nbsp;|&nbsp;<a href="#" class="selected rmode" mode="canvas">Canvas</a>&nbsp;|&nbsp;<a href="#" class="rmode" mode="vml">VML</a>
  29. 	    	<br/><br/>
  30. 	    	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.
  31. 	    	<br/><br/>
  32. 	    	See a <a href="../jquery/flowchartConnectorsDemo.html">jQuery version</a> of this demo.<br/>
  33. 	    	See a <a href="../mootools/flowchartConnectorsDemo.html">MooTools version</a> of this demo.
  34. 	    </div>
  35.  
  36. 	    <script type="text/javascript" src="http://yui.yahooapis.com/3.3.0/build/simpleyui/simpleyui-min.js"></script>
  37. 	    
  38. 		<script type="text/javascript" src="../js/1.3.3/yui.jsPlumb-1.3.3-all-min.js"></script>
  39. 		
  40. 		<!--  demo code -->
  41. 		<script type="text/javascript" src="../js/1.3.3/flowchartConnectorsDemo.js"></script>
  42. 		
  43. 		<!--  demo helper code -->
  44. 		<script type="text/javascript" src="../js/1.3.3/demo-helper-yui3.js"></script>	
  45.  
  46. <!-- Start of StatCounter Code --> 
  47. <script type="text/javascript"> 
  48. var sc_project=6543403; 
  49. var sc_invisible=1; 
  50. var sc_security="b1f05c44"; 
  51. </script> 
  52.  
  53. <script type="text/javascript"
  54. src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
  55. class="statcounter"><a title="tumblr page counter"
  56. href="http://statcounter.com/tumblr/" target="_blank"><img
  57. class="statcounter"
  58. src="http://c.statcounter.com/6543403/0/5a87615f/1/"  
  59. alt="tumblr page counter" ></a></div></noscript> 
  60. <!-- End of StatCounter Code --> 
  61.  
  62.  
  63. <script type="text/javascript"> 
  64.  
  65.   var _gaq = _gaq || [];
  66.   _gaq.push(['_setAccount', 'UA-15400992-4']);
  67.   _gaq.push(['_trackPageview']);
  68.  
  69.   (function() {
  70.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  71.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  72.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  73.   })();
  74.  
  75. </script> 
  76. 		
  77. 	</body>
  78. </html>
# Change User Description Committed
#1 16445 christiane_renck Rename/move file(s) 9 years ago
//guest/christiane_renck/MergeQuestJS/main/demos/jsPlumb/flowchartDemo/flowchartConnectorsDemo_orig.html
#1 16444 christiane_renck Adding MergeQuestJS to the Workshop. 9 years ago