1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <!DOCTYPE html> <!-- HTML 5 is still in draft -->
- <html>
- <head>
- <title>Test case</title>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
-
- <!-- support lib for bezier stuff -->
- <script type="text/javascript" src="../js/lib/jsBezier-0.2-min.js"></script>
- <!-- main jsplumb engine -->
- <script type="text/javascript" src="../js/1.3.0/jsPlumb-1.3.0-RC1.js"></script>
- <!-- connectors, endpoint and overlays -->
- <script type="text/javascript" src="../js/1.3.0/jsPlumb-defaults-1.3.0-RC1.js"></script>
- <!-- SVG renderer -->
- <script type="text/javascript" src="../js/1.3.0/jsPlumb-renderers-svg-1.3.0-RC1.js"></script>
- <!-- canvas renderer -->
- <script type="text/javascript" src="../js/1.3.0/jsPlumb-renderers-canvas-1.3.0-RC1.js"></script>
- <!-- vml renderer -->
- <script type="text/javascript" src="../js/1.3.0/jsPlumb-renderers-vml-1.3.0-RC1.js"></script>
- <!-- jquery jsPlumb adapter -->
- <script type="text/javascript" src="../js/1.3.0/jquery.jsPlumb-1.3.0-RC1.js"></script>
-
-
- <script type="text/javascript">
- /*
- $(function() {
- var e1 = jsPlumb.addEndpoint("container0", {
- anchor: "TopCenter",
- paintStyle: {fillStyle:"#999"},
- }),
- e2 = jsPlumb.addEndpoint("container1", {
- anchor: "TopCenter",
- paintStyle: {fillStyle:"#999"},
- });
- jsPlumb.connect({source:e1, target:e2});
- });
- */
- </script>
- </head>
- <body>
- <p>Testcase:</p>
- <div id="container0" style="position:relative;width:200px; height: 50px; top: 140px; left: 230px;background-color:red;">
- <div id="node0" style="position:absolute;width:200px; height: 50px; top: 140px; left: 230px;background-color: green;">
- Node0
- </div>
- </div>
- <div id="container1" style="margin-top: 100px;">
- <div id="node1" style="width:200px; height: 50px; background-color: yellow;">
- Node0
- </div>
- </div>
- </body>
- </html>
|