issue_template.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <?xml version="1.0" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg-flat.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
  4. <head>
  5. <!--
  6. template for issue test pages.
  7. -->
  8. <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
  9. <title>jsPlumb testing</title>
  10. <script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
  11. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  12. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
  13. <script type="text/javascript" src="../js/jquery.jsPlumb-1.0.3-RC1.js"></script>
  14. <style>
  15. .box { padding: 5em; border: 1px solid red}
  16. #first { position:absolute; left:40%; }
  17. #third { position:absolute; left:60%; top:10em; }
  18. #second { position:absolute; left:20%;top:10em; }
  19. </style>
  20. </head>
  21. <body onunload="jsPlumb.unload();">
  22. <div>
  23. <div class="box" id = "first" >A</div>
  24. <div class="box" id = "second">B</div>
  25. <div class="box" id = "third">C</div>
  26. </div>
  27. </body>
  28. <script>
  29. $( document ).ready( function() {
  30. $( "#second" ).plumb( {
  31. target: "first",
  32. anchors:[ jsPlumb.Anchors.RightMiddle, jsPlumb.Anchors.BottomCenter, ]
  33. } );
  34. $( "#third" ).plumb( {
  35. target: "first",
  36. anchors:[ jsPlumb.Anchors.LeftMiddle, jsPlumb.Anchors.BottomCenter, ]
  37. } );
  38. } )
  39. </script>
  40. </html>