Как вывести координаты элемента?

Question

[web0]

Элемент можно перетаскивать мышкой. Как вывести в какой-нибудь блок на странице его координаты?

function $(v) { return(document.getElementById(v)); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function xy(e,v) { return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollTop:e.pageX)); }
 
function dragOBJ(d,e) {
 
    function drag(e) { if(!stop) { d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px'); } }
 
    var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;
 
    document.onmousemove=drag; document.onmouseup=function(){ stop=1; document.onmousemove=''; document.onmouseup=''; };
 
}

<div style="position: relative; top: 0; left: 0" onmousedown="dragOBJ(this,event); return false;" id="btn"></div>

Comments

[Kovalsky]

[Владимир Солнцев]

Kovalsky, ОБОЖЕ, что за чудодейственная штука???!1 В нее прям можно вопросы задавать и она атвичает?

[Kovalsky]

Владимир Солнцев, да-да, всё верно

[RAX7]

Kovalsky, ответ почти в конце первой страницы гугла, как ты его вообще нашел?

[Ярослав Иванов]

Kovalsky, Где можно купить видео курс на dvd про эту тему ?

[Пашенька]

Ярослав Иванов, есть на vhs. Плеер продаётся отдельно.

[Ярослав Иванов]

Пашенька, о, как раз видеодвойка есть.

Answer 1

[Дуболом Одноклеточный]

elem.getBoundingClientRect();

Почитай тут