How do I create dynamic form with relational show /hide rows and columns

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • SValencia
    New Member
    • Nov 2011
    • 3

    How do I create dynamic form with relational show /hide rows and columns

    Hello my name is Steve and I am a newbie....almos t.

    I have been working at learning html, graphics and css in my spare time.

    I have a site at www.ContractorInsurance.net. Yes, I am an Insurance broker and insure contractors and IT Tech companies.

    Not enough sales apparently as "I" cannot afford to hire someone to take on this endeavor. lol

    The problem has been finances and getting someone to understand the all the types of insurance that I write.

    My biggest problem currently is the size of the form. Another problem is not under standing how to get the form to show / hide elements for the insured / prospect to answer depending on their responses.

    Here are two mamoth pages of form.

    The first one is for commercial auto. url www.ContractorInsurance.net/auto_commercial.php

    On this Commercial auto insurance page is a section / table and I would like to use a "four driver" "four vehicle" "column"

    If the "user" completing form needs to add more 'drivers' or more 'vehicles' they can use some add, remove, clear buttton use form as necessary. Currently the form is Huge!


    Next is the Architects questionnaire.

    www.ContractorInsurance.net/architect.php. As you can see...the page is Huge.

    Some sections require additional questions depending on the response to an affirmative "yes".

    It would be ideal be able to have the "form" / "table" be able to dynamically show/hide or popup the "added" questions so the answer could be provided.

    Both of these pages are using the post method. The server is php capable. I do not know mysql database but the script? php coding for submitting the form is provided by Hotdreamweaver and has the function of form to databse as well as form to exel and mail.

    I realize that this is a huge task I am asking for assistance on and will appreciate some guidance.

    I get a better understanding if I see a working example on someones web site as I am a graphical learner and use design mode mostly with dreamweaver.

    I struggle reading code but it is slowly sinking in.

    Finally, I want to be able to re-create the form for use in .pdf so the user has the option of downloading or opening the .pdf version and printing or faxing it in.

    I do have some familarity with Adobe lifecycle designer and could and may be should start there and then capture the code via xml and do something with it from that directon instead...thus I would not need to create the html form and then the adobe for too.

    I thank you, thank you and thank you for any assistnac you can provide. I am a relatively new beginner and do not understand "large" leaps in instruction. Tiny, visual examples please and references to sites that show how the end user sees the functionality of such code / programing.
    Thank you.
    Last edited by SValencia; Nov 30 '11, 03:39 AM. Reason: to correct grammar
  • omerbutt
    Contributor
    • Nov 2006
    • 638

    #2
    hi ,
    first of all , the links that you provided none of them works , all open a 404 not found page , so can assist until the links work,
    regards,
    Omer Aslam

    Comment

    • SValencia
      New Member
      • Nov 2011
      • 3

      #3
      I apologize to all concerned. I deceided to add an SSL Certificate to the site and the process required a new "dedicated" ip address. In the process I had to wait for the propogation of the dns records. It is up and running again...

      Comment

      • zorgi
        Recognized Expert Contributor
        • Mar 2008
        • 431

        #4
        To achieve dynamics of your form you need more than just HTML/CSS... To do everything you need and to make it smooth, fun, animated and modern knowledge of javascript and most probably one of javascript libraries like jQuery would be essential. I am not trying to understand your forms but it looks like they could be broken into series of forms. This way they look scary, my first thought was no way I am filling this in. To do that and pdf thing it would be handy to know php or some other server side language.

        Comment

        • SValencia
          New Member
          • Nov 2011
          • 3

          #5
          Thank you for your reply. I was hoping there was some out of the box solution with a grahpical interface that I could purchase.

          In my mind.."scary place" lol... Forms is the Power. Forms gather the date of information. Information is Power...

          Adobe has the idea with the LifeCycle Designer but the "Enterprise " solution is too costly for a man of my means.

          I am poor and trying to make enough in commissions to send my daughter to college so thus the reason for jumping in to learn this html/ css..web graphics / design stuff...

          Each form that I create I will also have to do a .pdf document for... many hours..

          If any has a "easy" solution or can point me in the general direction other than having to learn javacrpit it would be appreciated!

          Jquery...I am not familiar with but did take a peek at the site. I did not get the concept of how to use it for forms.

          Thank you.
          Best regards,
          Steve Valencia / Pine Grove

          Comment

          • zorgi
            Recognized Expert Contributor
            • Mar 2008
            • 431

            #6
            here is just one example of how to use jQuery on the form:

            jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

            Comment

            Working...