PageRenderTime 59ms CodeModel.GetById 32ms RepoModel.GetById 0ms app.codeStats 0ms

/AKDOA28/ZX.WebApp/SFramework/jsPlumb-master/dist/demo/perimeterAnchors/dom.html

#
HTML | 75 lines | 59 code | 14 blank | 2 comment | 0 complexity | 88c8b18ce216cc2c2c60a4ce3ba4bb6a MD5 | raw file
Possible License(s): LGPL-2.1, LGPL-3.0, Apache-2.0, GPL-2.0, BSD-3-Clause, LGPL-2.0, MIT, GPL-3.0 
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.     <head>
    4. 

  4.         <meta charset="utf-8">
    5. 

  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    6. 

  6. 		<meta name="viewport" content="width=device-width">
    7. 

  7. 		<link rel="shortcut icon" type="image/png" href="../../img/favicon.png">
    8. 

  8.         <title>jsPlumb 1.7.5 demo - perimeterAnchors (Vanilla)</title>
    9. 

  9. 		
    10. 

  10. 

  11. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    12. 

  12. <link rel="stylesheet" href="../../css/jsplumb.css">
    13. 

  13. 		<link rel="stylesheet" href="demo.css">
    14. 

  14.     </head>
    15. 

  15.     
    16. 

  16.     <body data-demo-id="perimeterAnchors" data-library="dom">
    17. 

  17.         <div id="headerWrapper">
    18. 

  18.     <div id="header">
    19. 

  19.         <div class="logo"><img src="http://jsplumbtoolkit.com/logo-bw.png"></div>
    20. 

  20.         <div class="menu">   
    21. 

  21.             <a href="../../demo">DEMOS</a>
    22. 

  22.             <a href="../../doc/home.html">DOCS</a>                    
    23. 

  23.             <a href="../../apidocs">API</a>
    24. 

  24.             <a href="../../tests/index.html">TESTS</a>
    25. 

  25.             <a href="mailto:hello@jsplumbtoolkit.com">CONTACT</a>
    26. 

  26.             <a href="http://blog.jsplumbtoolkit.com">BLOG</a>
    27. 

  27.             <a href="http://github.com/sporritt/jsplumb/">GITHUB</a>
    28. 

  28.             <a href="https://groups.google.com/forum/?fromgroups#!forum/jsplumb">DISCUSS</a>
    29. 

  29.             <a href="https://github.com/sporritt/jsPlumb/issues">ISSUES</a>
    30. 

  30.         </div>
    31. 

  31.     </div>
    32. 

  32. </div> 
    33. 

  33.         <iframe id="like" src="//www.facebook.com/widgets/like.php?href=http://jsplumbtoolkit.com&amp;layout=button_count"></iframe>
    34. 

  34. 

  35. <div id="retweet_button">
    36. 

  36.     <a href="//twitter.com/share" class="twitter-share-button" data-url="http://jsplumbtoolkit.com" data-text="jsPlumb - visually connect DOM elements." data-count="horizontal" data-via="jsPlumb">Tweet</a>
    37. 

  37.     <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
    38. 

  38. </div>
    39. 

  39. 

  40.         <div id="main">
    41. 

  41.             <!-- demo -->
    42. 

  42.             <div class="demo perimeter-demo" id="perimeter-demo">
    43. 

  43.                 <div class="shape" data-shape="Rectangle">Rectangle</div>
    44. 

  44.                 <div class="shape" data-shape="Ellipse">Ellipse</div>
    45. 

  45.                 <div class="shape" data-shape="Circle">Circle</div>
    46. 

  46.                 <div class="shape" data-shape="Diamond">Diamond</div>
    47. 

  47.                 <div class="shape" data-shape="Triangle" style="left:700px;top:380px;">Triangle</div>
    48. 

  48.                 <div class="shape _90" data-shape="Triangle" data-rotation="90" style="left:60px;top:500px;">90&#176; rotation</div>
    49. 

  49.             </div>
    50. 

  50.             <!-- /demo -->
    51. 

  51.         </div>
    52. 

  52. 		
    53. 

  53. 		
    54. 

  54. 		
    55. 

  55. 		<script src="../../js/dom.jsPlumb-1.7.5-min.js"></script>
    56. 

  56. 		
    57. 

  57. 		<script src="demo.js"></script>
    58. 

  58. 		<script src="../../js/demo-list.js"></script>
    59. 

  59. 		
    60. 

  60. 		<script type="text/javascript">
    61. 

  61. 

  62.   var _gaq = _gaq || [];
    63. 

  63.   _gaq.push(['_setAccount', 'UA-15400992-4']);
    64. 

  64.   _gaq.push(['_trackPageview']);
    65. 

  65. 

  66.   (function() {
    67. 

  67.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    68. 

  68.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    69. 

  69.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    70. 

  70.   })();
    71. 

  71. 

  72. </script>
    73. 

  73.         
    74. 

  74.      </body>
    75. 

  75. </html>
    76.