Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body style="padding-top: 50px;">
<img id='kartina' src="http://jgnss-a-sabelnikov2/jgnss/frame/logo-ani1.gif" onclick="defPosition(event);">
  
  <script>
    function defPosition(event) {
    var x = y = 0;
    var event = event || window.event;
 
    // Получаем координаты клика по странице, то есть абсолютные координаты клика.
 
    if (document.attachEvent != null) { // Internet Explorer & Opera
        x = window.event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
        y = window.event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    } else if (!document.attachEvent && document.addEventListener) { // Gecko
        x = event.clientX + window.scrollX;
        y = event.clientY + window.scrollY;
    }
 
    //Определяем границы объекта, в нашем случае картинки.
 
    y0=document.getElementById("kartina").offsetTop;
    x0=document.getElementById("kartina").offsetLeft;
 
    // Пересчитываем координаты и выводим их алертом.
 
    x = x-x0;
    y = y-y0;
 
    alert(x+'|'+y);
}
  </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers