test.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>Insert title here</title>
  6. <link href="css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css"/>
  7. <link type="text/css" rel="stylesheet" href="css/jsPlumb.css"/>
  8. </head>
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
  10. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
  11. <!-- script type="text/javascript" src="js/jquery.min.js"></script>
  12. <script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script-->
  13. <script type="text/javascript" src="js/jquery.jsPlumb-1.3.1-all.js"></script>
  14. <script type="text/javascript" src="js/EndPoints.js"></script>
  15. <!--[if IE]><script src="js/excanvas.js" type="text/javascript" charset="utf-8"></script><![endif]-->
  16. <script language="javascript">
  17. $(document).ready(function(){
  18. // chrome fix.
  19. document.onselectstart = function () { return false; };
  20. jsPlumb.DefaultDragOptions = { cursor: "pointer", zIndex:2000 };
  21. jsPlumb.setMouseEventsEnabled(true);
  22. $("#single_SimSaaS_canvas").append("<div id=\"swindow\" class=\"window\" style=\"top:20em; left:20em;\">A Demo</div>");
  23. jsPlumb.draggable("swindow");
  24. var i, offset, start, UUID;
  25. var num_inputs = 4;
  26. if(num_inputs > 0)
  27. {
  28. offset = 1 / num_inputs;
  29. start = offset / 2;
  30. }
  31. for(i=0; i<num_inputs; ++i)
  32. {
  33. UUID = "gs_" + i + "_inputs";
  34. //alert(UUID);
  35. //jsPlumb.addEndpoint(wid, $.extend({ anchor:jsPlumb.makeAnchor([0, start + i*offset, -1, 0]) }, NumberEP, {uuid:UUID}));
  36. var ep = jsPlumb.addEndpoint('swindow', $.extend({ anchor:jsPlumb.makeAnchor([0, start + i*offset, -1, 0]) }, InputEP, {uuid:UUID}));
  37. //jsPlumb.addEndpoint("swindow", jsPlumb.extend({ anchor:[0, start + i*offset, -1, 0] }, InputEP));
  38. //jsPlumb.addEndpoint("swindow", { anchor: [0, start + i*offset, -1, 0]}, InputEP);
  39. //alert(ep.getUuid());
  40. ep.bind("mouseenter", function(endpoint, event){ alert("mouse enter");});
  41. //ep.bind("mouseexit", function(endpoint, event){ alert("mouse exit");});
  42. //ep.bind("click", function(endpoint, event){ alert(endpoint.getUuid());});
  43. }
  44. });
  45. </script>
  46. <body onunload="jsPlumb.unload();">
  47. <div id="single_SimSaaS_canvas"></div>
  48. </body>
  49. </html>