Passing parameter to the lightbox form window

  • Profile Image
    HubbleandHattie
    Asked on April 25, 2017 at 11:01 AM

    Hi

    I want to pass parameters to two fields in a form, but all the code I've tried in the forums here fails to work.

    I want to use a lightbox, but the code shown in this post:

    http://www.jotform.com/answers/24851-How-can-I-customize-an-input-value-when-the-form-is-in-lightbox

    I can't get this to work in any shape or form, and I notice that the code in the post doesn't match the current lightbox code I'm supplied with by JotForm form builder … it looks like the Feedback code, not the lightbox code.

    Has anyone managed to implement this recently (that post was from 2011)? And got it working!?

    K@

  • Profile Image
    Welvin
    Answered on April 25, 2017 at 12:44 PM

    I was able to add the parameter correctly. Would you mind letting us know the fields that you would like to populate in your form? We can help you set it up. The parameters are on the same placement, nothing changed there.

    Example:

    Here's my test page: http://shots.jotform.com/welvin/html/lightbox-with-parameters.html

  • Profile Image
    HubbleandHattie
    Answered on April 26, 2017 at 05:15 AM

    I'm trying to populate two fields in this form:

    http://www.hubbleandhattie.co.uk/jft.html

    The fields to fill are the first field 'Book SKU' and the second field 'Book title' (which have the names q4_bookSku and q5_bookTitle, respectively).

    I've used the following code, where I've replaced the .com server with the eu server, and the two field names, but still no joy.

    Checking the web inspector, I can the following syntax error:

     

     

    … if that helps?!

    The only method I can get to work, is that using the PrePopulate Fields app to give a straight link, thus:

    https://form.jotformeu.com/71143582065352?bookSku=HH5160&bookTitle=Worzel%20says%20hello!%20Won't%20you%20be%20my%20friend%3F

    I'm using that method for the moment, but I'd like to figure out how to pass the values for more dynamic embed methods.

     

     

     

  • Profile Image
    Sven
    Answered on April 26, 2017 at 05:57 AM

    I can see in your code that you have a comma after 'q5_bookTitle': 'Worzel says hello!', inside iframeParameters. This could be the cause of your code breaking, otherwise, your code seems correct and it should work without any issues.

     

    Can you please try removing the comma and see if it helps, if the issue still persists, then please get back to us so we can assist you further.

     

    Thank you.

  • Profile Image
    HubbleandHattie
    Answered on April 26, 2017 at 06:03 AM

    Hi Sven.

    Comma removed … no joy :(

    The syntax error is still present, too.

     

  • Profile Image
    Sven
    Answered on April 26, 2017 at 07:18 AM

    Hi K@, 

    I just checked your code, you're using the wrong field name to assign values in your code. 

    Please try this code instead:

     

     <script src="https://form.jotformeu.com/static/feedback2.js" type="text/javascript"> var JFL_71143582065352 = new JotformFeedback({ formId: '71143582065352', base: 'https://form.jotformeu.com/',

    iframeParameters: {

         'bookSku': 'HH5160',

         'bookTitle': 'Worzel says hello!'

    },

     windowTitle: 'Stock Notification Request', background: '#FFA500', fontColor: '#FFFFFF', type: 'false', height: 500, width: 700, openOnLoad: false }); </script>

     

     

    <a class="btn lightbox-71143582065352" style="margin-top: 16px"> Notify me when stock arrives </a>

     

    I just tested it on my test page and it worked perfectly.

    Please see: http://safaaabdulhadi.000webhostapp.com/

     

    I hope this fixes your issue, if you have any further questions, please get back to us so we can assist you further.

     

    Thank you.

  • Profile Image
    Ultimate911
    Answered on April 26, 2017 at 09:03 AM

    Sven, that's it! Took out the 'q#_' and it works perfectly.

    I have another site to implement this on, so I'll ignore those initial characters in the field names and see if it works there.

    Thanks for your help!