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: @@
-<script>
+<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
+RLQ.push(function () {
+$('.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;
-function changeXY() {
+     var x2 = document.getElementById('marker').getAttribute('cx');
-     var marker = document.getElementById('marker');
+     var y2 = document.getElementById('marker').getAttribute('cy');
-     var cx = document.getElementById("cx").value
-     var cy = document.getElementById("cy").value
+     $display.text('x: ' + x + ', y: ' + y2 + x2);
+    $marker.attr('cx', '800')
+});
-    alert(cx + ' ' + cy);
-    marker.setAttribute('cx', cx);
-}
+});
 </script>
-CX: <input type="text" id="cx" onchange="changeXY();">
-CY: <input type="text" id="cy" onchange="changeXY();">