Get coordinates from gridview rows to draw on a canvas with Raphael.js

Question

I have to draw some shapes depending on the status of the row. For them to work in IE I had to use Raphael javascript library. I'm using ASP.NET and C# for the codebehind. The way to draw is by coordinates, how can I get the coordinates of the rows so I can draw something outside the gridview, at it's side?

Thank you

score 0 · Accepted Answer · edited May 23 '17 at 12:04

0

I recommend using jQuery for this. The jQuery api has a .position(), and .offset() method which would give you a top and left value. See jQuery Tutorials, .position(), and .offset() for specifics.

Edit

If jQuery isn't your bag, then I found a post that includes an example function done in JavaScript: Dynamically retrieve Html element (X,Y) position with JavaScript.

edited May 23 '17 at 12:04

Community

1
1

answered May 23 '12 at 19:49

Jeremy

8,902
2
36
44

1

Is there anyway to do it WITHOUT jQuery? I've never used it and I'd prefer to do it with things I'm familiar with :/ – user1412716 May 23 '12 at 20:32
Updated to include a reference to another stack post which may help. – Jeremy May 23 '12 at 20:36

Get coordinates from gridview rows to draw on a canvas with Raphael.js

1 Answers1