New wiki-page
Jump to navigation Jump to search
No edit summary
No edit summary
Line 29: Line 29:
});
});
</script>
</script>
<h1 id="coord">asdf</h1>
<div id="map-container">
<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>
     <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 id="map-catcher"></div>
</div>
</div>

Revision as of 18:53, 9 August 2017

<style>

  1. map-container{
   position:relative;
   width:300px;
   height:300px;

}

  1. map-svg{
   position:absolute;
   left:0px;
   top:0px;

}

  1. 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"> RLQ.push(function () { $(document).ready(function () {

   $("#map-catcher").mousedown(function (e) {
       alert(e.offsetX);
   });

}); }); </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>