[RESOLVED] Get x,y of Span, in draggable div

dougal85

<div id="table2"  style="z-index: 3; left: 257px; top: 247px;">
<span id="table2hand" class="handle"></span>

<span id="table21" class="row" style="position: relative;">
<input id="ck21" type="checkbox" value="checked"/>Item 1</span>
<span id="table22" class="row" style="position: relative;">
<input id="ck21" type="checkbox" value="checked"/>Item 1</span>
</div>

How can i get the X,Y co-ords of the spans table21 and table 22?

Since they are in a move able div the parenet hasa absolute position but they are relative to the parent...

Any thoughts?

EDIT I forgot to say i'm doing this work in JavaScript

dougal85

Hmm, I've managed to hack together a way with javascript, working from the parent then adding padding and margins until i finally get where i want... but it seems a very bloated method.

but i'd be interested in knowing of any better ways.

btw, the styling you can see only changes colours and stuff, nothing that should effect any methods

bogu

Using prototype.js javascript framework, to returns the X/Y coordinates of element relative to the viewport u can use the page(element) method of the Position class.

Prototype.js home page...

And your answer will be reduced to this:

Position.page($('table21'));
Position.page($('table22'));

There are many other methods u should check the doc ...

dougal85

goodneed, i somehow looked over the prototype framework before... but it actually looks pretty awesome.

Thanks for the reminder