Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Archive › Contact Form Solution Pack › Advanced Form solution pack Modification

Advanced Form solution pack Modification

Thread began 1/28/2010 5:18 pm by Jon Cunningham | Last modified 2/01/2010 2:43 pm by Eric Mittman | 1415 views | 4 replies |

1/28/2010 5:18 pm | #1 Jon CunninghamBeta Tester

Advanced Form solution pack Modification

Hi Guys and thanks in advance for your help.

Here is what i am trying to achive.

1. Form to open in thick box. (got that covered)

2. First part of the form will require client to choose one check box from three options.

3. Once a check box has been chosen the content output to the remaining form will have different questions shown for the client depending on her first check box choice. For example

If client one chosed check box 2 her questions would include such things as , name address, email, phone number, but if she chose check box 3 further questions would be added to the form such as business name, website etc. as well as the form options for check box option 2.

I must add that this is not something i have started yet but would love to know if anoyine out there has either done this and can give me instructions or if it not been done yet maybe some can still point me in the right direction.

I hope that i have made it clear, please feel free to let me know if you need more info.

Thanks again in advance

1/29/2010 10:44 am | #2 Eric Mittman

You could do something like this with CSS Form Builder or the Validation Toolkit. Using client side validations you can have have areas on the form hide or show based on the validation of a form element.

For example, if you applied a client side required validation on the checkbox, you would then apply a show/hide validation response that will make another part of the form visible.

I'm including a sample page of what this type of setup looks like as an example. Please post back with any questions that you have about any part of this.

Attached Files

show_hide_checkbox.zip

1/31/2010 11:21 am | #3 Jon CunninghamBeta Tester

Thank you

Many Thanks, I will try this and post back to let you know how I got on.

Jon

1/31/2010 3:37 pm | #4 Jon CunninghamBeta Tester

Solved

Hi all,

I found a solution that worked and was easy to impliment.

Becuase I had a lot of extra fields to add if a check box was checked, hiding a "Div" was more appropiate.

Here is what i did.

Added

<head>

<script type="text/javascript">

</script>

</head>

Added

onclick="showMe('webdet', this) to the input type

<input type="checkbox" name="Membership_Required[]" id="Privileged_Member_Plus" value="Privileged Member Plus" onclick="showMe('webdet', this)" />

Created a new "Div" called webdet

Toptip.

Create your divide and add your form elements before you add the javascript to the head and the onclick code. If you add them before, you will only see your div form elements in code view.

Hope that this helps

Jonathon

2/01/2010 2:43 pm | #5 Eric Mittman

Good solution. You can do a lot of very handy things with client side js. The approach that I was suggesting also uses client side js but relies on the interfaces to write the code for you rather than implementing it in a custom fashion.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.