My "next" button is not functioning properly?

  • Profile Image
    ahugessen
    Asked on January 14, 2015 at 12:46 PM

    Please have a look here http://www.caboregalo.com/

    The "next" button within the form does not function properly. Sometimes it does nothing. Other times I need to click it twice. Sometimes I have to clear my cache (not something I can expect all users to do)

    I have tried this on several browsers and with all different embed methods.

    Any Ideas?

  • Profile Image
    david
    Answered on January 14, 2015 at 03:35 PM

    Hi,

    I checked your page and the embed code seems a bit odd:

    Specifically the highlighted section.  The Javascript embed code for your form should be something like this:

    <script type="text/javascript" src="//form.jotformpro.com/jsform/50046994847972"></script>

    However I would recommend using the iFrame embed code to ensure the least amount of interaction with the rest of your page.  Here is the iFrame code to save your some time:

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/50046994847972" frameborder="0" style="width:100%; height:4266px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    If that does not allow for your form to function properly in your page, let us know and we will be happy to see what else we can do.

     

  • Profile Image
    ahugessen
    Answered on January 14, 2015 at 04:00 PM

    Thanks, seems to work with the script embed option.... I may have messed it up switching from visual to text editor or something

    I would be much more comfortable using an iframe but when I do I get a large white space that represents the height of the tallest page. I adjusted the height within the code and enabled scrolling but same result?

  • Profile Image
    david
    Answered on January 14, 2015 at 05:10 PM

    If you would like to try the iFrame embed without the autosizing script, it may work.  Try this code:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/50046994847972" frameborder="0" style="width:100%; height:4266px; border:none;" scrolling="no"></iframe>

    The height adjustments should work.  If not, if the script embed works for you, I would stick with that.