You’re right, I still haven’t written up this tutorial properly. (But please look for me in the March issue of .net magazine!)

I had another look at my example and realized that it’s unnecessarily complicated. I’ve updated the post to show a much more simple example, where the only thing happening is cloning, incrementing, and appending new input fields.

The JavaScript contains lots of comments to help you keep track of what’s going on. I hope this is a little more helpful!

Best,
Janette

The solution is great! More than that – I failed to find anything of a kind on the Net.
Frankly I’m very interested in actual solution for expanding form ( by cloning a node ) + displaying | hiding fields by request. I tried to find the tutorial you’ve mentioned at ‘A List Apart’, but with no success. Apparently you’ve not finished it yet.

I’m just wondering what is the trick to expand form and display field by demand ( hope it’s not very rude of me to ask …)
I’m a newbie to JavaScript, so it’s not easy to me to work it out by myself…

Thanks a lot.

Victor.

If Javascript is disabled and the user clicks “Add new user”, the button will send a name/value pair to the server for processing. In this instance, this looks like:

<input type="submit" value="Add new user" name="add-user-no-js" id="add-user" />
which would send
add-user-no-js=Add+new+user
to the server. Then the server sends back a page with fieldsets for several more applicants.

Janette

I’ve tested the DHTML form. Will it still be fully workable without javascript support? For it is a prerequisite of the AAA acessibility level.

Wiil the “Add new user” be replaced by a query to a server-based script?

Marino