scrollOverflowTestJquery.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>container with overflow:scroll test</title>
  5. <link rel="stylesheet" href="scrollOverflowTest.css">
  6. </head>
  7. <body>
  8. <a href="scrollOverflowTestMootools.html">mootools version</a>
  9. <a href="scrollOverflowTestYUI.html">yui version</a>
  10. <div id="container">
  11. <div id="w1" class="w">one</div>
  12. <div id="w2" class="w">two</div>
  13. </div>
  14. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
  15. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
  16. <!-- support lib for bezier stuff -->
  17. <script type="text/javascript" src="../../js/lib/jsBezier-0.3-min.js"></script>
  18. <!-- main jsplumb engine -->
  19. <script type="text/javascript" src="../../js/1.3.5/jsPlumb-1.3.5-RC1.js"></script>
  20. <!-- connectors, endpoint and overlays -->
  21. <script type="text/javascript" src="../../js/1.3.5/jsPlumb-defaults-1.3.5-RC1.js"></script>
  22. <!-- SVG renderer -->
  23. <script type="text/javascript" src="../../js/1.3.5/jsPlumb-renderers-svg-1.3.5-RC1.js"></script>
  24. <!-- canvas renderer -->
  25. <script type="text/javascript" src="../../js/1.3.5/jsPlumb-renderers-canvas-1.3.5-RC1.js"></script>
  26. <!-- vml renderer -->
  27. <script type="text/javascript" src="../../js/1.3.5/jsPlumb-renderers-vml-1.3.5-RC1.js"></script>
  28. <!-- jquery jsPlumb adapter -->
  29. <script type="text/javascript" src="../../js/1.3.5/jquery.jsPlumb-1.3.5-RC1.js"></script>
  30. <script>
  31. jsPlumb.ready(function() {
  32. var e1 = jsPlumb.addEndpoint("w1", { isSource:true, anchor:"BottomCenter" }),
  33. e2 = jsPlumb.addEndpoint("w2", { isTarget:true, anchor:"TopCenter" });
  34. jsPlumb.draggable($(".w"));
  35. jsPlumb.connect({source:e1,target:e2});
  36. jsPlumb.bind("click", function(c) { jsPlumb.detach(c); });
  37. });
  38. </script>
  39. </body>
  40. </html>