issue98_test.html 1.1 KB

1234567891011121314151617181920212223242526272829303132
  1. <html>
  2. <head>
  3. <title>Test</title>
  4. <script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
  5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
  6. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
  7. <script type="text/javascript" src="../js/1.2.6/jquery.jsPlumb-1.2.6-all-min.js "></script>
  8. </head>
  9. <body>
  10. <div class="box" style="position:absolute;width:100px;height:100px;">
  11. text
  12. <div id="point-1"></div>
  13. </div>
  14. <div class="box" style="position:absolute;top:200px;width:100px;height:100px;">
  15. text
  16. <div id="point-2"></div>
  17. </div>
  18. <script type="text/javascript">
  19. $(function () {
  20. jsPlumb.bind('ready', function () {
  21. var e1 = jsPlumb.addEndpoint('point-1',{"container":"point-1"});
  22. var e2 = jsPlumb.addEndpoint('point-2',{"container":"point-2"});
  23. jsPlumb.draggable($('.box'));
  24. jsPlumb.connect({source:e1,target:e2});
  25. });
  26. });
  27. </script>
  28. </body>
  29. </html>