HTML 101 Position image relative to GridView row

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 tim
e.
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 th
e
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
Dale Preston
MCAD C#
MCSE, MCDBAI 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 i
n
relation to that textbox?
Thanks,
Dale
--
Dale Preston
MCAD C#
MCSE, MCDBA
"Dale" wrote:

> 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 t
ime.
> 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 cel
l
> in the table of the rendered GridView
> textBox.clientTop = 2 // this seems to be the position relative to the cel
l
> in the table of the rendered GridView
> textBox.style.pixelTop = 0
> textBox.style.top = // empty
>
> --
> Dale Preston
> MCAD C#
> MCSE, MCDBA
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 value
s
relative to the client area.
Dale Preston
MCAD C#
MCSE, MCDBA
"Dale" wrote:

> 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 t
ime.
> 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 cel
l
> in the table of the rendered GridView
> textBox.clientTop = 2 // this seems to be the position relative to the cel
l
> in the table of the rendered GridView
> textBox.style.pixelTop = 0
> textBox.style.top = // empty
>
> --
> Dale Preston
> MCAD C#
> MCSE, MCDBA

HTML 101 Position image relative to GridView row

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

--
Dale Preston
MCAD C#
MCSE, MCDBAI 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
--
Dale Preston
MCAD C#
MCSE, MCDBA

"Dale" wrote:

Quote:

Originally Posted by

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
>
>
--
Dale Preston
MCAD C#
MCSE, MCDBA

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.

--
Dale Preston
MCAD C#
MCSE, MCDBA

"Dale" wrote:

Quote:

Originally Posted by

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
>
>
--
Dale Preston
MCAD C#
MCSE, MCDBA