Lightbox form fails to open.

  • NDAS
    Asked on January 7, 2015 at 10:43 PM

    I have no idea what the problem is, and it may have to do with other scripts running on the site, including a perhaps a conflicting version of jquery. And this will be the 4th time I have tried to post this concern to forum. Maybe this time it will show up.

    For those with the savvy to take a peek, look at the source for the indicated page and search for "d2g9qbzl5h49rh.cloudfront.net" to find the offending script that will not run. It has failed in the latest editions of FireFox, Chromium and Midori.

    Any advice would be very welcome, as until I can fix this my site will not be able to sell anything (direct PayPal integration has failed, and that's why I am trying to use a Jot form.)

     

    Thanks, JC.

  • Ashwin JotForm Support
    Replied on January 8, 2015 at 1:47 AM

    Hello NDAS,

    I'm sorry for the trouble caused to you.

    I did check your web page where you have embedded your lightbox form and it seems the lightbox code you have added is not in correct format. Please check the screenshot below:

    Lightbox form fails to open Screenshot 20

    As you can see in the screenshot above, there are several occurrences of <br /> in the lightbox code which actually makes the javaScript syntax wrong. It seems you copy pasted the code which added the <br> tag. Please use the following lightbox code and see if this solves your problem. You may like to copy the code from here and then paste it in a notepad and from there you can copy it again to avoid any other character being added:

    <script src="https://secure.jotform.com/static/feedback2.js?3.2.4834" type="text/javascript">

    var JFL_50066488141151 = new JotformFeedback({

    formId:'50066488141151',

    base:'https://secure.jotform.com/',

    windowTitle:'Premade Cover Order',

    background:'#111111',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:700,

    openOnLoad:false

    });

    </script>

    <a class="lightbox-50066488141151" style="cursor:pointer;color:blue;text-decoration:underline;">Invoice This Cover</a>

    Hope this helps.

    Do get back to us if the issue persists.

    Thank you!

  • NDAS
    Replied on January 8, 2015 at 8:04 AM

    How bizarre!

    I use LiveWriter to post to that site, and in source view, all the code is correct.  A repost, save, and view source again shows nothing incorrect, so it is happening somewhere else in the site's processing code. I guess I need to do some more digging to find the culprit.

    Thanks for the help. At least I have a trail to find and follow now. But do you have any suggested additional work around, perhaps another way to implement lightbox?  

    ADDENDUM:

    Okay, I found a quick workaround by wrapping all of the posted lighbox code into one line. I can search out where those "br" tags are coming from later. Now comes the issue of getting a custom value into one field that has been set to uneditable for the customer.

    All submits to PayPal through its own buttons keep failing, and many other people are having the same problem (over the last 5 years!). That is why I am trying this Jot Form approach. So I need to set the cover ID field in the form rather than create a new form for every cover post for sale.

    Field Details

    ID: #input_18
    Name: {coverId}


    Any thoughts? I cannot figure out how to do so with the code as is.

    Thanks, J.C.

  • Welvin Support Team Lead
    Replied on January 8, 2015 at 11:25 AM

    Hi J.C,

    You have to add the Lightbox codes into the HTML editor of your website. Pasting the codes directly to the page will cause the break tags to appear. I'm trying to search for a possible guide to properly do this in LiveWriter.

     

    Answer to your ADDENDUM:

    You can add parameters in Lightbox, please follow this guide: http://www.jotform.com/help/83-Adding-parameters-in-Lightbox-and-Feedback-forms

    I hope that helps. Contact us again if you need further assistance.

    Thank you!

  • NDAS
    Replied on January 8, 2015 at 11:52 AM

    Yes, I really do need to enbed the script into the page/site.  The problem is that I then must figure out how to trigger filling out that one field by a link click instead of a scripted variable. And then later, adding more embedded forms with other link triggered field data for other products and services that work the same way but are different.

    For now, it appears to work on one direct post containing the script and link internally.

    http://www.ndauthorservices.com/2015/01/premade-book-cover-oaa1454.html

    Thank you for the help so far. Much appreciated!!!

    Best, J.C.

  • Elton Support Team Lead
    Replied on January 8, 2015 at 1:31 PM

    Glad you got it working @J.C.

    Should there be any issues you need help with, feel free to contact us again.

    Cheers!

  • NDAS
    Replied on January 8, 2015 at 7:08 PM

    Well, things went south once I tried to use it in my ebook cover gallery. It also broke part of full site navigation on any page that had the lightbox code in it.  See the new topic I have started.

    JC

  • Welvin Support Team Lead
    Replied on January 8, 2015 at 8:17 PM

    Hi JC,

    It's probably caused by a script conflict. We'll respond to the new thread as soon as possible.

    Thanks