template.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>test page template</title>
  5. <style>
  6. #demo {
  7. overflow:scroll;
  8. margin-top:5em;
  9. }
  10. .w {
  11. width:5em;
  12. padding:1em;
  13. position:absolute;
  14. border: 1px solid black;
  15. z-index:5;
  16. }
  17. ._jsPlumb_connector {
  18. z-index:4;
  19. }
  20. ._jsPlumb_endpoint {
  21. z-index:6;
  22. }
  23. .dragHover { border:1px dotted red; }
  24. </style>
  25. </head>
  26. <body>
  27. <div id="demo">
  28. </div>
  29. <script type="text/javascript" src="../../js/lib/jquery-1.6.3-min.js"></script>
  30. <script type="text/javascript" src="../../js/lib/jquery-ui-1.8.13-min.js"></script>
  31. <script type="text/javascript" src="../../js/lib/jsBezier-0.3-min.js"></script>
  32. <!-- main jsplumb engine -->
  33. <script type="text/javascript" src="../../js/1.3.7/jsPlumb-1.3.7-RC1.js"></script>
  34. <!-- connectors, endpoint and overlays -->
  35. <script type="text/javascript" src="../../js/1.3.7/jsPlumb-defaults-1.3.7-RC1.js"></script>
  36. <!-- state machine connectors -->
  37. <script type="text/javascript" src="../../js/1.3.7/jsPlumb-connectors-statemachine-1.3.7-RC1.js"></script>
  38. <!-- SVG renderer -->
  39. <script type="text/javascript" src="../../js/1.3.7/jsPlumb-renderers-svg-1.3.7-RC1.js"></script>
  40. <!-- canvas renderer -->
  41. <script type="text/javascript" src="../../js/1.3.7/jsPlumb-renderers-canvas-1.3.7-RC1.js"></script>
  42. <!-- vml renderer -->
  43. <script type="text/javascript" src="../../js/1.3.7/jsPlumb-renderers-vml-1.3.7-RC1.js"></script>
  44. <!-- jquery jsPlumb adapter -->
  45. <script type="text/javascript" src="../../js/1.3.7/jquery.jsPlumb-1.3.7-RC1.js"></script>
  46. <script>
  47. jsPlumb.ready(function() {
  48. });
  49. </script>
  50. </body>
  51. </html>