close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Advanced Form solution pack Modification

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

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

Sign in to reply to this post

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
Sign in to reply to this post

Jon CunninghamBeta Tester

Thank you

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

Jon

Sign in to reply to this post

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">
<!--
function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
//-->
</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

Sign in to reply to this post

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.

Sign in to reply to this post

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...