Javascript And The DOM

[pumpkinapo]

Here's my problem...

I'm using cloneNode() to copy 4 rows of a table. This works fine, however there's a js that when cloned is not working. Only when the js is cloned does the script not execute.

In the linked example, clicking on "Notes" will work for the first entry. It will show/hide a textarea. Then, clicking on "Add New Entry" will append a new entry row with the "Notes" textarea visible, but clicking on "Notes" does not hide the textarea.

So, do DOM (cloneNode) created javascript commands not work? Or am I doing something wrong?

Example:

http://www.cenlar.net/jshelp/time.html

 

[theboyhope]

http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener

"When a Node is copied using the cloneNode method the EventListeners attached to the source Node are not attached to the copied Node. If the user wishes the same EventListeners to be added to the newly created copy the user must add them manually."

I should say that I've done no testing to confirm the above. Maybe one browser does copy the eventlisteners and another doesn't. Maybe you are doing something wrong - I dunno.

HTH anyway.

 

[pumpkinapo]

Thanks theboyhope. Copied Nodes do not copy EventListerners.

I was able to get it to work using help from:
thread216-660619