Find left position of table cell

[ted]

Hi,

Was wondering if it's possible to find the left position of a table cell if
the cell is created dynamically.

I have a table with a single cell. When a button is clicked, I'd like to add
another cell to it, give the cell a class style and then find the cell's
left position.

Right now I'm using doing this:

cell = document.create Element("td");
cell.appendChil d("sometext") ;
cell.className = "cellStyle" ;
tableRow = document.getEle mentById(theTab leRowId);
tableRow.append Child(cell);

How would I get the left position of each cell added?

Any help appreciated. Thanks.

-Ted

[Martin Honnen]

ted wrote:

I have a table with a single cell. When a button is clicked, I'd like to add
another cell to it, give the cell a class style and then find the cell's
left position.

Right now I'm using doing this:

cell = document.create Element("td");
cell.appendChil d("sometext") ;
cell.className = "cellStyle" ;
tableRow = document.getEle mentById(theTab leRowId);
tableRow.append Child(cell);

How would I get the left position of each cell added?

You can get the position of any element in the document the same way (in
IE 4+, Netscape 6+, Mozilla, Opera 7+) by adding the offsetLeft and
offsetTop values along the offsetParent hierarchy, e.g. assuming element
is a reference to the element
var coords = { x: 0, y: 0 };
while (element) {
coords.x += element.offsetL eft;
coords.y += element.offsetT op;
element = element.offsetP arent;
}
// check coords.x, coords.y here
Doesn't depend on whether it is a cell.
--

Martin Honnen
http://JavaScript.FAQTs.com/

[ted]

Thanks Martin.

"Martin Honnen" <ma*******@yaho o.de> wrote in message
news:41******** *************** @newsread2.arco r-online.net...

ted wrote:

I have a table with a single cell. When a button is clicked, I'd like to
add another cell to it, give the cell a class style and then find the
cell's left position.

Right now I'm using doing this:

cell = document.create Element("td");
cell.appendChil d("sometext") ;
cell.className = "cellStyle" ;
tableRow = document.getEle mentById(theTab leRowId);
tableRow.append Child(cell);

How would I get the left position of each cell added?

You can get the position of any element in the document the same way (in
IE 4+, Netscape 6+, Mozilla, Opera 7+) by adding the offsetLeft and
offsetTop values along the offsetParent hierarchy, e.g. assuming element
is a reference to the element
var coords = { x: 0, y: 0 };
while (element) {
coords.x += element.offsetL eft;
coords.y += element.offsetT op;
element = element.offsetP arent;
}
// check coords.x, coords.y here
Doesn't depend on whether it is a cell.
--

Martin Honnen
http://JavaScript.FAQTs.com/