Creating forms with dreamweaver

Hi i'm new to the forum.
I need help with a certain aspect in creating forms.  The company I work for is running Dreamweaver MX 2004.  We have an online application form that we have create to collect data for people wishing to join our Club.  In one section of the form we ask for peoples vehicle details.  My question is when they choose what type of vehicle they own from the drop down menu I then want the next section of the form to expand to reveal a new section for them to be able to fill in their vehicle description such as Year, Make, Model etc.  We have 7 different vehicle types for them to choose from.  so depedning on which one you choose a different vehicle description will be revealed.
Can anyone help me with this?  I have seen it done on other website such as insurance companies but I don't know if it can be done through dreamweaver.

Let me try to answer this on a broader level.
Prepeare your complete form and make the property visibility as hidden (or display style as none) for the fields you don't want to show.
Now say you select any option out of vehicle description drop down, for example 'Sedan', then your drop down will have a javascript function call which will be fired onChange event ...something like  onchange=javascript:vehicletype(this.value)
<select name="test" id="test" onchange="vehicletype()">
          <option value="sedan">Sedan</option>
and hidden fields example:
<input type="text" name="sss" id="sss"  style="visibility:hidden" />
Now in the vehicletype() function check for the value passed.Based on that set the visibilty to visible  for the required form fields inside the function. Following is a small page to show you all. Just save this as a html page and then try.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Stretched Background Image</title>
<script type="text/javascript">
function vehicletype(type){
    if (type=='sedan'){
    alert(type);
    document.getElementById('sss').style.visibility='visible';
</script>
</head>
<body>
    <div id="page-background">
      <form id="form1" name="form1" method="post" action="">
        <p>
          <label for="hhh"></label>
          <select name="hhh" id="hhh" onchange="javascript:vehicletype(this.value);">
            <option value="Select">---Select---</option>
            <option value="sedan">sedan</option>
            <option value="coupe">coupe</option>
          </select>
        </p>
        <p>
          <label for="sss"></label>
          <input type="text" name="sss" id="sss"  style="visibility:hidden" />
        </p>
      </form>
</div>
</body>
</html>
Hope this gives you some idea of what I am tryint to convey.
Regards,
Vinay

Similar Messages

  • Trouble Creating Forms in Dreamweaver

    Hello,
    I am having trouble creating a form in Dreamweaver for my website.  The form is fairly basic, just some contact/comment input required.
    I created my webpages using Fireworks CS4 and exported them as HTML and Images.  The basic format of my website is to have a rectangular block in the middle of the page, where the form elements are supposed to be entered.  However, it seems that I cannot simply add a textbox or textarea to the middle of my page.  If I try, everything gets shifted around very strangely.
    How can I leave the format of the page intact, but add in the form elements (name, email, comments)?
    You can see the page here: http://www.wafflesnjoe.com/preview/contact.htm
    Thank you

    Thanks Murray, I had a feeling that that's where I'd be headed.
    Is there a more seamless way of transferring webpages from Fireworks to Dreamweaver, such as CSS and Images, that would make it easier for me to work in Dreamweaver?
    Would you recommend building websites in Dreamweaver, and not bother with Fireworks?
    Sorry for all the questions, but I'm a newbie.
    Regards
    Date: Wed, 15 Sep 2010 05:25:31 -0600
    From: [email protected]
    To: [email protected]
    Subject: Trouble Creating Forms in Dreamweaver
    I'm not very familiar with Dreamweaver, so this may be a basic question to ask.
    The trick is to be familiar with HTML, not DW, since HTML underlies everything that DW does, and that you want to do on a web page.
    To add a form to a page without disrupting the layout of the page, you have to a) select a layout design that constitutes good practice, and b) build the layout so that it accommodates the form.  I know that's not a very satisfactory answer.
    First of all, unless you are fairly familiar with HTML, your layout will not be easy to implement because you will need to constrain the form and its elements to fit vertically within that central area.  This is not so easy because you have no way of controlling how large or small I (as a visitor) am displaying my text in my browser.  Thus, that form's content is going to expand or contract vertically causing the boxed area to need to expand or contract accordingly.  This is layout 101 for an experienced developer, but may just push you over the edge if you have no HTML under your belt.  So, I would discourage you from trying to use this design.  Is that possible?
    >

  • Excel import to create forms with pre-populated fileds

    Can/how do I create forms with pre-populated fields from an external data source like Excel?  Example:  I would like to create 100 forms with pre-populated name fields from an Excel document containing 100 names.  

    Hi,
    Sorry, we don't currently support creating forms with pre-filled data.
    Regards,
    Brian

  • Can you create HTML5 with Dreamweaver CS4?

    Hello.
    Can you create HTML5 with Dreamweaver CS4? Are there workarounds if not?
    I am using a PC on Windows 7.
    Thank you.

    Try copying and pasting this HTML5 code into a new, blank document.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 Document</title>
    <!--helps older IE browsers with HTML5 tags-->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>
    <body>
    <header>
    Header
    <h1>Site Name</h1></header>
    <nav>Navigation</nav>
    <section>
    <article>
    <h3>Article</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    </article>
    <aside>
    <h3>Aside</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    </aside>
    </section>
    <footer>Footer</footer>
    </body>
    </html>
    Nancy O.

  • Can we create a form with dreamweaver for muse

    Hello,
    I need help because please because I want to create a form with choices and I can't do it with muse. I would like to know if someone can tell me if i can do it with dreamweaver and insert into muse after.
    Thank you for your help.

    Hi creatike,
    Why not use Adobe muse itself for forms?
    Configuring forms (and more) in Adobe Muse
    Thanks,
    Preran

  • Forms with Dreamweaver CS4?

    Hi All,
    Does anyone have a link or tutoral on how to create a form in Dreamweaver CS4. I need to make a "Request a Catalog" Form.
    I especially might need the most help on figuring out on how to receive the info thru my email.
    many thanks,
    Alex

    HTML forms don't do anything without an Action.  You can use Mailto: but this is just asking for Spam and limits the usefulness of your form.  Your best solution is to use a form processing script with spam controls built in.
    Ask your host if they offer any form-to-email processing scripts you can use... or which flavor script you can use on your server (PHP, ASP, ASP.net, ColdFusion, etc...)
    Form Services and Script generators
    http://wufoo.com/
    http://www.bebosoft.com/products/formstogo/overview/
    FormMailer.PHP script
    http://dbmasters.net/index.php?id=4
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Creating form with user uploaded image (not attachment)

    Is it possible to create a form with a space for user uploaded image?  Not attachment.
    Thank You

    This is not supported by FormsCentral.
    Jeff Canepa
    Software Quality Engineer
    Adobe Systems, Inc.
    [email protected]

  • Create form with inside functions

    Hello members,
    i want to create a simple invoice form which has the adressline in the head, the positions in the middle and a footer with summary lines.
    Like an invoice.
    I have search several days in all forums, but i haven't found a simple explanation, how to use the printing options with printer friendly pages.
    Could anyone help for this ?
    I have found to create a report, which can marked with "printing = Yes" and then several tabs opens to modify the paper width and so on.
    But how to place some information in the header ?
    How to place some information in the footer
    How will i get a page break, when the positions are more than one page ?
    How it is working with these kind of simple printing forms ?
    Thank you for help with a simple "how to" document !
    Regards
    Frank
    Edited by: handwerk.net on 16.12.2010 17:28

    To do an invoice you will either need to:
    1) Work with XSL-FO to format your output so that FOP/Cocoon can format your output properly
    2) Get a copy of BI Publisher, take one of the existing templates and modify the layout to your requirements.
    3) Get a copy of pl/pdf, and hand generate your layout..
    My suggestion here is BI Publisher, since it has a Word based template editor you can use.. However it is rather pricey.. Less you are hosting with a 3rd part hosting company, I know of one that charges $50 a month to host apex apps and offers BI Publisher..
    Thank you,
    Tony Miller
    Webster, TX
    What if you really were stalking a paranoid schizophrenic... Would they know?

  • Create forms with out being logged into planning

    This may appear as a dimb questio. Besides building an xml webform via planning, using an lcm to import the xml, or using the defutilform utility does any know of there is a way to build a web form in excel and import that to planning?
    If you have any information please respond.

    The only way you can import forms from outside planning are building the formats used for the import tools such as LCM or formdef utility, you cannot build a form in excel and send it to planning as there is no way to save the right xml or txt definition from there for the import tools.
    Some users sometimes confuse adhoc forms on a planning or essbase connection with planning forms and therefore think that they have "built a planning form" in excel when setting up adhoc, but this definition only resides in their excel sheet and there is no way to turn this into a fully fledged planning form, they are two different formats of datainput.
    However a user with adhoc designer privileges can create adhoc grids and save these definitions to make them available to others. These adhoc grids will reside on the planning server, but they should not be confused with forms as they do not have the full form functionality such as asociated rules, run on save etc.
    Agnete

  • Create forms with objects embedded (photos, docs, etc)

    Hi gurus,
    I am designing a solution for a client on EH&S, and I am searching for some ideas.
    The solution have 3 stages:
    1- Adding an User Exit at "Acc/Inc Log Entry" (Trx. CBIH82) to upload all the docs related to a specific Entry Log such as PDF, photos, documents, Medical documents, etc.
    2- Create a form for Log Entries that can have all the info of one entry, with all the extra docs uploaded at stage 1 attached, and that can be send by email to the persons responsables to take care of the entries.
    For example, I am thinking that implementing a new tab on the transaction to upload all the documents by type will be easy, but don't know where this files will be stored and how to obtain them.
    For the form, I think that I can use Smartformt, and then convert it to PDF, but don't know how to retrieve all the file uploaded at stage 1, and how can I attach them.
    If someone did some solution like this, no matter is no relative to EH&S will also be a great help.
    Thanks in advanced!

    Howard Pettigrew1 wrote:
    under Safari, Activity shows an error message that starts - 'An SSL error has occurred and a secure connection to docs.google.com can't be made'
    See
    <http://support.apple.com/kb/HT2900>
    The problem is Parental Control's Internet content filter. It blocks all https requests:
    https note: For websites that use SSL encryption (the URL will usually begin with https), the Internet content filter is unable to examine the encrypted content of the page. For this reason, encrypted websites must be explicitly allowed using the Always Allow list. Encrypted websites that are not on the Always Allow list will be blocked by the automatic Internet content filter.
    You need to set it up explicitly to allow it, as described in the Apple KB doc I quoted.

  • Need Help creating form with checkboxes

    I am using Acrobat Standar 9, and I am trying to create a form that has a bunch of checkboxes on it.  First off, the PDF that I am workin with (before I try to input form stuff) is a check list that has spots for marking (if it was printed out).  Acrobat will recognize all of those places as spots for a form tool, but it always inserts textboxes.  I want it to insert check boxes.  So far all I can do is delete all of the textboxes that were inserted and manually, one by one, insert check boxes in all of the locations.
    Is there a way to make the wizard input checkboxes instead of text boxes?  If not with the wizard, is there any way to do that?  (I am not familier with programming languages.. fyi)
    thanks

    Thanks for getting back to me. What I have is a pricing page. The feedback form is so we can see who views or is interested in services. We want only people who fill out this form to be able to view it. I have created simple contact forms that are sent to an email and directed to another page. The problem I am having is trying to figure a way to where hopefully if the same person comes back they won't have to fill out the form again. I know if they fill out the form and create a user name/login it could be a possible fix but I am trying to make it simple. I am just starting to learn PHP/XML (which I have copied from another sources) and haven't written my own. Maybe creating a cookie that is checked once the page is loaded? I have no idea how to do that either though... I am a front end "designer" and a lot of this is greek to me.

  • Help creating forms in Dreamweaver

    I need the form to redirect to another page after the submit button ia hit. Can anyone help me please.

    The redirect to a Thank you page is entered in the form processing script.
    Have you selected your script yet?  Many hosting providers provide a model script which is compatible with the scripting language they support.
    Your Form page sends its data to this script which then sends the email and redirects to the desired next page.

  • How to create Form with LOV in JDeveloer9i?

    Forms Builder 9i use Data Block Wizard and Layout Wizard to define a form and LOV Wizard to define List of Values from master table.
    How can I define LOV for foreign key of a Base Table using JDeveloper9i?

    Check out the JClient demos at:
    http://otn.oracle.com/products/jdev/viewlets/viewlet.html
    There is one for JClient LOVs which may be useful.
    regards
    Grant Ronald
    JDeveloper Product Management

  • Is it possible to populate readOnly text box(es) on a FIM 2010 R2 RCDC User create form with the details of the logged in user?

    Hello
    I am curious if this can be done. I guess its a Person object I need to fetch, but how can I refer to it?
    What would the XPath look like?
    *HH

    Thankyou for the response. Yes indeed those environment variables are documented, but how to use them is not.
    Very Hard to use. I just wanted to show the Requester information on the User Create and Edit rcdc screens.
    I could only get the UocListView control to work though, but it is sufficient, like so:
            <my:Control my:Name="CurrentUser" my:TypeName="UocListView" my:ExpandArea="true" my:Caption="Requester">
            <my:Properties>
                <my:Property my:Name="ColumnsToDisplay" my:Value="DisplayName,Email,OrganizationalUnit" />
                <my:Property my:Name="EmptyResultText" my:Value="" />
                <my:Property my:Name="PageSize" my:Value="1"/>
                <my:Property my:Name="ShowTitleBar" my:Value="true" />
                <my:Property my:Name="ShowActionBar" my:Value="false" />
                <my:Property my:Name="ShowPreview" my:Value="false" />
                <my:Property my:Name="ShowSearchControl" my:Value="false" />
                <my:Property my:Name="EnableSelection" my:Value="false" />
                <my:Property my:Name="SingleSelection" my:Value="false" />
                <my:Property my:Name="ItemClickBehavior" my:Value="Server" />
                <my:Property my:Name="ListFilter" my:Value="/Person[ObjectID='%LoginID%']" />
            </my:Properties>
            </my:Control>
    This gives me a nice 3 column display of the current Requester's Name, Email and Unit.

  • Creating website with Dreamweaver

    Hello,
    I have dreamweaver CS3 (I know it's old but I have an original license so I need to keep using it) and I usually update my websites using the FTP feature of Dreamweaver. It's great cause I can edit my website and do not need to commit it all the times I change a file.
    Said that, today I openen my Dreaweaver and when it commits the changes it shows the error:
    Binary mode on sitepor500.com.br does not support the file "criacao-site.css"
    I am editing CSS files and it does not upload! My FTP is working normal, there was no major changes in the last days. Does anyone know how to fix this?

    Deleting a Corrupted Cache in DW
    http://forums.adobe.com/thread/494811
    Nancy O.

Maybe you are looking for