HTML 101 Position image relative to GridView row

[Guest]

This seems like it should be simple and I am pretty sure I've done similar
things a hundred times before but I sure can't seem to get it right this time.

I have a GridView with a column of text boxes. If I want to position an
image over the GridView just below, for instance, the textbox in row 4 of the
GridView. I don't care that it covers the other textboxes. I am
successfully obtaining the textbox and the image objects in client-side
javascript using document.getElementById().

I can position the image just fine. I just can't seem to get the position
of the chosen textbox relative to the screen or client area of the browser.

textBox.offsetTop = 2 // this seems to be the position relative to the cell
in the table of the rendered GridView

textBox.clientTop = 2 // this seems to be the position relative to the cell
in the table of the rendered GridView

textBox.style.pixelTop = 0

textBox.style.top = // empty

 

[Guest]

I clicked "post" too quickly. I wish there was a Review button to see your
post before finally submitting it.

Anyway, what my original post left out is what it is I am looking for:

Can anyone help me with how to get the location of an item in a GridView
row, in my case the textbox, in relation to either the document or in
relation to the client area of the browser so that I can position my image in
relation to that textbox?

Thanks,

Dale

 

[Guest]

I solved my own problem. The solution is to add a POSITION style value of
"relative" to the textbox. Then offsetTop and offsetLeft provide real values
relative to the client area.