testATanFunction.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>test page for Math.atan2....does IE report different values to other browsers?</title>
  5. <!-- the answer would appear to be no. they are all the same -->
  6. </head>
  7. <body>
  8. <div id="one" style="position:absolute;left:10px;top:10px;width:3em;height:3em;border: 1px solid red">one</div>
  9. <div id="two" style="position:absolute;left:220px;top:10px;width:3em;height:3em;border: 1px solid red">two</div>
  10. <div id="three" style="position:absolute;left:10px;top:220px;width:3em;height:3em;border: 1px solid red">three</div>
  11. <div id="four" style="position:absolute;left:220px;top:220px;width:3em;height:3em;border: 1px solid red">four</div>
  12. <div id="five" style="position:absolute;left:110px;top:110px;width:3em;height:3em;border: 1px solid red">five</div>
  13. <div id="info" style="margin-left:300px;"></div>
  14. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  15. <script type="text/javascript" src="../../js/lib/jquery-ui-1.8.13-min.js"></script>
  16. <!-- support lib for bezier stuff -->
  17. <script type="text/javascript" src="../../js/lib/jsBezier-0.3-min.js"></script>
  18. <!-- main jsplumb engine -->
  19. <script type="text/javascript" src="../../js/1.3.4/jsPlumb-1.3.4-RC1.js"></script>
  20. <!-- connectors, endpoint and overlays -->
  21. <script type="text/javascript" src="../../js/1.3.4/jsPlumb-defaults-1.3.4-RC1.js"></script>
  22. <!-- state machine connectors -->
  23. <script type="text/javascript" src="../../js/1.3.4/jsPlumb-connectors-statemachine-1.3.4-RC1.js"></script>
  24. <!-- SVG renderer -->
  25. <script type="text/javascript" src="../../js/1.3.4/jsPlumb-renderers-svg-1.3.4-RC1.js"></script>
  26. <!-- canvas renderer -->
  27. <script type="text/javascript" src="../../js/1.3.4/jsPlumb-renderers-canvas-1.3.4-RC1.js"></script>
  28. <!-- vml renderer -->
  29. <script type="text/javascript" src="../../js/1.3.4/jsPlumb-renderers-vml-1.3.4-RC1.js"></script>
  30. <!-- jquery jsPlumb adapter -->
  31. <script type="text/javascript" src="../../js/1.3.4/jquery.jsPlumb-1.3.4-RC1.js"></script>
  32. <script type="text/javascript">
  33. $(function() {
  34. var _d = function(elId) {
  35. var o = $("#" + elId).offset(), w = $("#" + elId).outerWidth(), h = $("#" + elId).outerHeight(),
  36. c = [(o.left + w) / 2, (o.top + h) / 2 ];
  37. return c;
  38. },
  39. _a = function(e1, e2, t, t2) {
  40. return "<br />" + e1 + " - " + e2 + " : " + t + ", " + t2;
  41. },
  42. _o = function(e1, e2) {
  43. var c1 = _d(e1), c2 = _d(e2),
  44. theta = Math.atan2((c2[1] - c1[1]) , (c2[0] - c1[0])),
  45. theta2 = Math.atan2((c1[1] - c2[1]) , (c1[0] - c2[0]));
  46. return _a(e1, e2, theta, theta2);
  47. };
  48. var t = "";
  49. t += _o("five", "one");
  50. t += _o("five", "two");
  51. t += _o("five", "three");
  52. t += _o("five", "four");
  53. $("#info").html(t);
  54. });
  55. </script>
  56. </body>
  57. </html>