Can I draw a line from one element to another in css or javascript?

Question

My site consists of three columns of elements, which can be scrolled up and down. The user selects one in each column, and the elements in each of the columns are joined by lines. However, my issue is: how can I track the absolute position of the element on the page to draw the endpoints of the array?

http://stackoverflow.com/questions/4270485/drawing-lines-on-html-page — James, Jun 01 '12 at 04:20
There is get offset in jquery that return offset position of element — James, Jun 01 '12 at 04:22

score 2 · Accepted Answer · answered Jun 01 '12 at 04:24

2

With jQuery:

var left = $('css-selector').offset().left;
var top = $('css-selector').offset().top;

answered Jun 01 '12 at 04:24

PitaJ

12,969
6
36
55

score 1 · Answer 2 · answered Jun 01 '12 at 04:21

1

With jQuery.offset(): Get the current coordinates [...] relative to the document.

answered Jun 01 '12 at 04:21

Silviu-Marian

10,565
6
50
72

Can I draw a line from one element to another in css or javascript?

2 Answers2