edit a cell of a table

[Pradeep Adibatla]

I want to edit a particular cell of a row in a table containing many rows in a Javascript function, i.e I got the table and the row,cell;I have to now make it editable so that the user can modify it.How does one achieve it?

[marten koomen]

if it's unformatted text, then you could get the td's text node and delete it from the Dom and replacing it with a textarea that has a value equivalent to that text node, you would then need to reverse the process after the text area has has been edited to the desired value.

If it's formatted text, you may need to use designMode such as RichTextEditingDemo, or use another existing rich text editing JS tool.

[Pradeep Adibatla]

Is there something like ,

 row.cells[0].editable=true  

in java script to edit a row, if 'row' in the above is the row selected??

[Eric Pascarello]

You need to make the cell hold a textbox or textarea. You can style them to have no border so it will look seamless. ANother option is to look at JavaScript code called "Edit In Place"

Eric