Pesky cloneNode behavior with radio buttons as child nodes
I created a form that allows users to add information about employment history. It starts with a single set of employer information fields, but users can click an "add employer" button to dynamically add additional sets of employers to the form.

Originally I used cloneNode to clone the original employer, insert the clone into the form, set new ids and names, and set all the values to null for the newly inserted employer. This worked for everything except the radio buttons. If any radio buttons are selected for the original employer, Firefox loses the selection. IE keeps the selection, but then treats the new radio buttons as part of the same set (in spite of their different names).

I threw together a quick "pets" example that I hope will better illustrate the problem:
cloneNode and dynamic forms with javaScript

I feel like there's a good solution that I am either not thinking of or just don't know about—I'm hoping you guys might have some suggestions.

(2 Comments |Comment on this)

Disjointed Rollovers with an Image Map
Can someone point me in the direction of an explanation on how to do this:

How can I combine disjointed rollovers with an image map?  I'm using XHTML 1.0 Transitional.  Basically I have an image of a city and then another image that's a sign and when you hover on each building, its description appears on the sign in the 2nd image.

I also asked about this in the webdesign community.  Thanks for any help anyone can provide.

(2 Comments |Comment on this)