What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    My "next" button is not functioning properly?

    Asked by ahugessen 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?

    next cache different www
  • Profile Image
    JotForm Support

    Answered by david 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

    Answered by ahugessen 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
    JotForm Support

    Answered by david 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.