1_3_0_clone_fail.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
  4. <!--script type="text/javascript" src="js/jquery.jsPlumb-1.2.6-all-min.js"></script-->
  5. <script type="text/javascript" src="js/jquery.jsPlumb-1.3.0beta-all.js"></script>
  6. <script type="text/javascript">
  7. "use strict";
  8. $(function() {
  9. jsPlumb.setMouseEventsEnabled(true);
  10. jsPlumb.Defaults.PaintStyle = {
  11. lineWidth: 3,
  12. strokeStyle: '#666'
  13. };
  14. jsPlumb.Defaults.HoverPaintStyle = {
  15. lineWidth: 5,
  16. strokeStyle: '#888'
  17. };
  18. jsPlumb.Defaults.DragOptions = { cursor: 'crosshair' };
  19. jsPlumb.Defaults.Endpoint = new jsPlumb.Endpoints.Dot({radius: 6});
  20. jsPlumb.Defaults.Connector = new jsPlumb.Connectors.Bezier(150);
  21. var connfunction = function(data) {
  22. var src = Node.get(nid2id(data.sourceId));
  23. var dst = Node.get(nid2id(data.targetId));
  24. if (data.sourceEndpoint.scope != 'center')
  25. src.try_attach_center(dst);
  26. var getcon = jsPlumb.getConnections();
  27. src.setmarker(getcon);
  28. dst.setmarker(getcon);
  29. };
  30. jsPlumb.bind('jsPlumbConnection', connfunction );
  31. var diagramnode = '<div id="node0"><img src="img/tWLS.png"></div>';
  32. $('#asdf').append(diagramnode);
  33. jsPlumb.Defaults.Container = "asdf";
  34. var dragpoint = jsPlumb.addEndpoint("node0", {
  35. anchor: "TopCenter",
  36. style: {fillStyle:"#999"},
  37. hoverPaintStyle: {fillStyle:"#f0c"},
  38. isSource: true,
  39. isTarget: true,
  40. endpointsOnTop: true,
  41. maxConnections: -1
  42. });
  43. });
  44. </script>
  45. </head>
  46. <body>
  47. <p>Testcase:</p>
  48. <div id="asdf">
  49. </div>
  50. </body>