draggableConnectorsDemo-jquery.js 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. ;(function() {
  2. var _initialised = false;
  3. jsPlumbDemo.showConnectionInfo = function(s) {
  4. $("#list").html(s);
  5. $("#list").fadeIn({complete:function() { jsPlumb.repaintEverything(); }});
  6. };
  7. jsPlumbDemo.hideConnectionInfo = function() {
  8. $("#list").fadeOut({complete:function() { jsPlumb.repaintEverything(); }});
  9. };
  10. jsPlumbDemo.attachBehaviour = function() {
  11. if (!_initialised) {
  12. $(".hide").click(function() {
  13. jsPlumb.toggle($(this).attr("rel"));
  14. });
  15. $(".drag").click(function() {
  16. var s = jsPlumb.toggleDraggable($(this).attr("rel"));
  17. $(this).html(s ? 'disable dragging' : 'enable dragging');
  18. if (!s) $("#" + $(this).attr("rel")).addClass('drag-locked'); else $("#" + $(this).attr("rel")).removeClass('drag-locked');
  19. $("#" + $(this).attr("rel")).css("cursor", s ? "pointer" : "default");
  20. });
  21. $(".detach").click(function() {
  22. jsPlumb.detachAllConnections($(this).attr("rel"));
  23. });
  24. $("#clear").click(function() {
  25. jsPlumb.detachEveryConnection(); jsPlumbDemo.showConnectionInfo("");
  26. });
  27. _initialised = true;
  28. }
  29. };
  30. })();