Revision as of 18:38, 9 August 2017

<style>

map-container{

   position:relative;
   width:300px;
   height:300px;

}

map-svg{

   position:absolute;
   left:0px;
   top:0px;

}

map-catcher{

   position:absolute;
   left:0px;
   top:0px;
   height:100%;
   width:100%;

</style> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">

$(document).ready(function () {

   $("#map-catcher").mousedown(function (e) {
       $("#coord").text("x:"+e.offsetX+", y:"+e.offsetY);
   });

});

</script>

asdf

   <object id="map-svg" type="image/svg+xml" data="http://upload.wikimedia.org/wikipedia/en/9/9a/Nickelodeon_logo.svg" style="width: 300px; height: 300px; border:1px solid black; ">Your browser does not support SVG</object>

@@ Line 17: / Line 17: @@
      width:100%;
 </style>
-<script type="text/javascript">
+<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
-function clicked(evt){
+$(document).ready(function () {
-     var e = evt.target;
+     $("#map-catcher").mousedown(function (e) {
-    var dim = e.getBoundingClientRect();
+        $("#coord").text("x:"+e.offsetX+", y:"+e.offsetY);
-    var x = evt.clientX - dim.left;
+    });
-    var y = evt.clientY - dim.top;
+});
-    alert("x: "+x+" y:"+y);
-}
 </script>
+<h1 id="coord">asdf</h1>
+<div id="map-container">
+    <object id="map-svg" type="image/svg+xml" data="http://upload.wikimedia.org/wikipedia/en/9/9a/Nickelodeon_logo.svg" style="width: 300px; height: 300px; border:1px solid black; ">Your browser does not support SVG</object>
+    <div id="map-catcher"></div>
+</div>

menu-left

menu-right

Revision as of 18:38, 9 August 2017

asdf

Navigation