Widget:MapLocation: Difference between revisions

Latest revision as of 19:34, 9 August 2017

   var pt = svg.createSVGPoint(); 
   var $div = $(ev.target);
   var $display = $div.find('.display');
   var $marker= $svg.find('#marker');
   var cursorpt =  pt.matrixTransform(svg.getScreenCTM().inverse());
   
   var offset = $div.offset();
   var x = ev.clientX - offset.left;
   var y = ev.clientY - offset.top;

   var x2 = document.getElementById('marker').getAttribute('cx');
   var y2 = document.getElementById('marker').getAttribute('cy');
   
   $display.text('x: ' + x + ', y: ' + y2 + x2);
   
   $marker.attr('cx', '800')

});

}); </script>

menu-left

menu-right

Latest revision as of 19:34, 9 August 2017

Navigation

@@ Line 1: / Line 1: @@
-<div class='clickable'>
- <span class='display'></span>
-</div>
-<style>
-.clickable {
-    border: 1px solid #333;
-    background: #eee;
-    height: 200px; width: 200px;
-    margin: 15px;
-    position: absolute;
-}
-.display {
-    display: block;
-    height: 16px;
-    position: absolute;
-    text-align: center;
-    vertical-align: middle;
-    width: 100%;
-    top: 50%; margin-top: -8px;
-}
-</style>
 <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
 RLQ.push(function () {
-    console.log('This runs with jQuery support', $);
-});
 $('.clickable').bind('click', function (ev) {
+    var pt = svg.createSVGPoint();
      var $div = $(ev.target);
      var $display = $div.find('.display');
+    var $marker= $svg.find('#marker');
+    var cursorpt =  pt.matrixTransform(svg.getScreenCTM().inverse());
      var offset = $div.offset();
      var x = ev.clientX - offset.left;
      var y = ev.clientY - offset.top;
+    var x2 = document.getElementById('marker').getAttribute('cx');
+    var y2 = document.getElementById('marker').getAttribute('cy');
-     $display.text('x: ' + x + ', y: ' + y);
+     $display.text('x: ' + x + ', y: ' + y2 + x2);
+    $marker.attr('cx', '800')
 });
+});
 </script>