Kemarin ketika saya ingin membuat link di sebuah image/gambar, saya membutuhkan 2 buah titik koordinat dari area link yang saya buat. Tapi sayangnya saya tidak tahu cara mencari titik koordinat X,Y dari sebuah gambar. nah setelah nanya-nanya ke om Google ketemulah script berikut untuk mengetahui titik koordinat X,Y dari layar monitor kita maupun halaman website kita.
Script:
<html>
<head>
<title>Mencari Titik Koordinat Mouse dengan jQuery</title>
<script src="http://code.jquery.com/jquery-latest.js" language="javascript"></script>
<script>
$(function( ){
$('#target').bind('click',
clicker);
});
function clicker(event)
{
$('#p1').text('(screenX, screenY) = ('+ event.screenX + ', ' +event.screenY + ')');
$('#p2').text('(pageX, pageY) = (' + event.pageX + ', ' + event.pageY + ')');
}
</script>
</head>
<body marginheight="0" marginwidth="0" style="padding:0; margin:0;">
<IMG SRC="http://itanggu.net/wp-content/uploads/2010/01/bali_map2.jpg" border="0" ALT="Bali Map is here" id="target" >
<br>
<p id="p1"></p>
<p id="p2"></p>
</body>
</html>
Demo:
Silahkan klik pada Map Bali dibawah, maka akan muncul koordinat dari layar monitor dan halaman web anda.
wah, nice tips nih bro… kayaknya bisa dikembangkan sesuai kebutuhan nih..
wah postingan yang berguna sekali
salam hangat serta jabat erat selalu dari Tabanan
You truly have a wonderful way of writing which I find captivating! I will definitely be bookmarking you and coming back to your blog. In fact, your post reminds me about a funny thing that happened to me the other day relating to this very subject.
Thanks for this code. Very interesting indeed. I really appreciate it.
berguna dan berguna sekali…. nanti saya juga coba terapkan. terima kasih share postingannya!