How can you open another form, depending on the choice a user makes?

  • Profile Image
    iconicperformances
    Asked on February 24, 2012 at 09:23 PM

    I have created a contact us form with options that our customers can select from.  What I would like to do is based on the query they have (the option they choose) it directs them to a different form I have created.  For instance, I have an accounts query form, a quote form and a feedback form.

    If the customer selects the option that they request a quote, I would like to be able to direct them to that specificially designed form to complete.  If they choose accounts query, then they get directed to the specifically designed accounts form etc.

    I don't want to have all the fields on one form and hide the fields, dependant on the Query Option they choose.  Each form is unique in appearance and design.

    I hope this is possible.

    Regards,
    Steve.

  • Profile Image
    abajan
    Answered on February 25, 2012 at 03:52 AM

    Yes, it is. For each option in the "Query Type" drop down, you will need to create a Change Thank You URL after submission condition.

    Here's how:

    1. Load the form into the form builder and click Conditions

    2. Select Change Thank You URL after submission and click "Next"

    3. For "If" select Query Type

    4. For "field" select Equals To

    5. The first item in the "Query Type" field (General Enquiry) will already be selected

    6. Enter the General Enquiry form's URL in the text box and click "Save":

    (Click image to zoom)


    7. Click the "Add New Condition" button and repeat the process for each query type


    That's it. Do let us know if you need clarification on anything.

  • Profile Image
    iconicperformances
    Answered on February 25, 2012 at 04:31 AM
    I have tried this and it only works when they click on the submit button. I don't want them to have to fill out the fields of one form only to click on submit and have them fill out the appropriate form. I would like it to happen the moment they select the correct option. I have tested it out your way and it only happens after they click on submit. Is there any other way to do this?
  • Profile Image
    fxr
    Answered on February 25, 2012 at 06:13 AM

    Steve, 

    Unfortunately, the only way to do this with JotForms current features is with the method abajan describes above. 

    Is it possible to have a very basic one field form for the 'starter' form, then maybe change the text of the submit button to something more descriptive (such as 'get my form') ?

    Thats as far you can go without adding some bespoke javascript and CSS to your website. 

  • Profile Image
    abajan
    Answered on February 25, 2012 at 07:17 AM

    Hi again Steve

    Due to browser inconsistencies, having a starter form consisting of just a single drop down menu and a submit button with its text edited, as fxr suggested, may well be the best route to take. This discussion shows the possible pitfalls associated with immediate redirection to another URL.

  • Profile Image
    iconicperformances
    Answered on February 25, 2012 at 07:37 AM

    Okay thanks for the input.  In re-design mode at the moment to find the best solution.

    Thanks guys.

  • Profile Image
    iconicperformances
    Answered on February 25, 2012 at 08:56 AM

    Okay, I think I came up with a brilliant idea, but I am not sure how to get it to work.

    I created a div class, with 5 different radio buttons.  Each radio button uses teh onclick="document.location" feature.

    The thing is, that if I try to enter the URL of the lightbox, the page won't open saying "

    The requested URL /lightbox-20546831908861 was not found on this server.

    because the URL only points to the set page, rather than looking forward into jotform.  So therefore, how would I be able to get the light box to work for each specific page using the onclick option.

    Here is the code I am using.  Ignore the fact the lightbox all has the same URL. 

    ================

    <div class="text">
    <script src="http://jotform.co/min/g=feedback" type="text/javascript">
    new JotformFeedback({
    formId:'20546831908861',
    base:'http://jotform.co/',
    windowTitle:'Iconic Performances Quotes for Events',
    background:'#FFA500',
    fontColor:'#FFFFFF',
    type:false,
    height:500,
    width:700
    });
    </script>
    <input type="radio" name="Radio1"  onclick="document.location='http://jotform.co/form/lightbox-20546831908861';" />Test Option 1
    <input type="radio" name="Radio1"  onclick="document.location='http://jotform.co/form/lightbox-20546831908861';" />Test Option 2
    <input type="radio" name="Radio1"  onclick="document.location='http://jotform.co/form/lightbox-20546831908861';" />Test Option 3
    <input type="radio" name="Radio1"  onclick="document.location='http://jotform.co/form/lightbox-20546831908861';" />Test Option 4
    <input type="radio" name="Radio1"  onclick="document.location='http://jotform.co/form/lightbox-20546831908861';" />Test Option 5
    </div>

  • Profile Image
    abajan
    Answered on February 25, 2012 at 02:08 PM

    It's an interesting idea but I wasn't able to get it to work either. However, here's a demo I put together that uses an alternative method that has the functionality I think you're looking for. Viewing the page's source will reveal that both lightboxes were placed in functions which are called by the "onClick" events of the radio buttons.

    If you need an explanation about how it works, I'll be glad to do so later but I presently have to relinquish the use of this computer to my big sister! LOL

  • Profile Image
    iconicperformances
    Answered on February 25, 2012 at 06:29 PM

    I tested your idea out and it worked on your demo ... however, when I implemented into my webpage, I keep receiving an Object Expected Error.  Here is the URL of the webpage, where I want this to work.

    could you please check the coding and see if I missed something out?

    http://www.iconicperformances.com.au/iconic_contact.html

     

  • Profile Image
    iconicperformances
    Answered on February 25, 2012 at 06:30 PM
  • Profile Image
    fxr
    Answered on February 25, 2012 at 07:00 PM

    You seem to be missing a comma after your first 'width' in the openFirstBox function. 

     

    ps. Clever solution guys. :)

     

  • Profile Image
    iconicperformances
    Answered on February 26, 2012 at 06:15 AM

    Thanks FXR.  With a little push in the right direction, a few trial and errors on my side and your guidance, we did very well to achieve this.

    I thank you for your assistance and assisting me so promptly and efficiently with my problem.

    People often say it didn't take a day to build ROME!, and I always like to add "YES, but ROME wasn't just built by ONE MAN!

    And this is the case here. 

    Thank you for the many months of using JOTFORM to make my site a professional page for our customers and for the best customer service online, I have experienced. 

    I will check that , missing thing and report back if it still happens.

  • Profile Image
    iconicperformances
    Answered on February 26, 2012 at 07:57 AM

    Great Work Guys all is working perfectly.

  • Profile Image
    abajan
    Answered on February 26, 2012 at 12:13 PM

    That's super! :)

    Do let us know if you need additional assistance with any of your forms.