Deleting cells by name instead of index?

[Rich Morey]

Hi,

I have a table where I am altering the layout via javascript to create
colspans. I want to then delete the "Extra" cells created by the
colspans.

I have named the cells "r1c1", "r1c2", "r2c1", etc..

document.getElementById('r2c2').colSpan="4"
cellRows = document.getElementById('tableChart').rows(1);
cellRows.deleteCell(2);
cellRows.deleteCell(2);
cellRows.deleteCell(2);

document.getElementById('r2c7').colSpan="4"
cellRows = document.getElementById('tableChart').rows(1);
cellRows.deleteCell(4);
cellRows.deleteCell(4);
cellRows.deleteCell(4);

This code works because when I'm working on r2c7, I know that I've
already deleted three cells above and so the next cells to delete are
column index of 4.. but what I'd like to be able to do is delete the
cells by name, in this case
'r2c8', 'r2c9', and 'r2c10'

Is there anyway to do that? I tried just

document.getElementById('r2c8').deleteCell()

but that gave me a javascript error..

Thanks,

Rich

[Tim Williams]

not certain but it seems as though deleteCell() may be a method of a
*row* object so have you tried

document.getElementById('r2c8').parentElement.dele teCell();

Tim

"Rich Morey" <rw*****@27east.com> wrote in message
news:f6**************************@posting.google.c om...

Hi,

I have a table where I am altering the layout via javascript to create colspans. I want to then delete the "Extra" cells created by the
colspans.

I have named the cells "r1c1", "r1c2", "r2c1", etc..

document.getElementById('r2c2').colSpan="4"
cellRows = document.getElementById('tableChart').rows(1);
cellRows.deleteCell(2);
cellRows.deleteCell(2);
cellRows.deleteCell(2);

document.getElementById('r2c7').colSpan="4"
cellRows = document.getElementById('tableChart').rows(1);
cellRows.deleteCell(4);
cellRows.deleteCell(4);
cellRows.deleteCell(4);

This code works because when I'm working on r2c7, I know that I've
already deleted three cells above and so the next cells to delete are column index of 4.. but what I'd like to be able to do is delete the
cells by name, in this case
'r2c8', 'r2c9', and 'r2c10'

Is there anyway to do that? I tried just

document.getElementById('r2c8').deleteCell()

but that gave me a javascript error..

Thanks,

Rich

[Rich Morey]

"Tim Williams" <sa************@THISpacbell.net> wrote in message news:<2v*******************@newssvr25.news.prodigy .com>...

not certain but it seems as though deleteCell() may be a method of a
*row* object so have you tried

document.getElementById('r2c8').parentElement.dele teCell();

Tim

No, but I will..

Thanks for the idea..

Rich

[Rich Morey]

"Tim Williams" <sa************@THISpacbell.net> wrote in message news:<2v*******************@newssvr25.news.prodigy .com>...

not certain but it seems as though deleteCell() may be a method of a
*row* object so have you tried

document.getElementById('r2c8').parentElement.dele teCell();

Tim

That worked!!! Thanks sooo much!!

:-)

Rich

[Rich Morey]

"Tim Williams" <sa************@THISpacbell.net> wrote in message news:<2v*******************@newssvr25.news.prodigy .com>...

not certain but it seems as though deleteCell() may be a method of a
*row* object so have you tried

document.getElementById('r2c8').parentElement.dele teCell();

Okay, scratch that.. it didn't work.. Its just deleting the last cell
in the row, because the parent element of the cell is the row and
calling the deleteCell() without a variable deletes the last cell in
the row.

Rich

[Lasse Reichstein Nielsen]

rw*****@27east.com (Rich Morey) writes:

Okay, scratch that.. it didn't work.. Its just deleting the last cell
in the row, because the parent element of the cell is the row and
calling the deleteCell() without a variable deletes the last cell in
the row.

Then use:
---
var cell = document.getElementById('r2c8');
cell.parentElement.deleteCell(cell.cellIndex);
---

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

[Rich Morey]

>

Then use:
---
var cell = document.getElementById('r2c8');
cell.parentElement.deleteCell(cell.cellIndex);
---

Okay, I will give that a try.. I did actually write my own function to
get the index of the cell in the array of cells in the row element.. I
did not know that the cellIndex function exsisted!

Rich