Editing with javascript

I am trying to make a table wherein I can edit the value of the cells of the table just by clicking on them. Is this possible?
I want it to be like a browser-based excel type of interface.

Would I toggle the visibility of the text and a hidden input form when the user clicks on the text?
But then wouldn't that require separate forms for every single cell?

There are many ways to do this.

I think the coolest way is to create a form, input fields, etc on the fly once a user has clicked on a given table row. However, this might be quite difficult...if you are not used to coding in JavaScript.

The easiest option would be to create form inside a hidden div. The div becomes visible once a user clicks on a given row. You then have to have a hidden field which would contain the id of the row that you are currently editing. Once the user clicks on update or save changes...you need to have a way to handle the processes of applying changes...by noting the id of the row that was updated.

Hope that helps.

Good luck.
Ess

Could you show me how to do either option?
I'm not very good with javascript. I can usually understand what a script does, but I don't think I can do something this advanced yet :P
Thanks!