Why my Contact Form Duplicates, Reloads, and Doesn't Work?

  • Profile Image
    NorthwayDesigns
    Asked on October 13, 2017 at 07:05 AM

    Hello, on this site https://texprint.com/contact-texprint/  I have the following issues:

    iFRAME form duplicates and reloads

    EMBED form does not load captcha and will not submit

    SCRIPT form duplicates and reloads

     

    I have the forms working properly in some popups right now as a temporary solution, but I need them on the pages for mobile devices.  

    Please help!

  • Profile Image
    Sabbir
    Answered on October 13, 2017 at 07:13 AM

    Sorry for the trouble you are facing.

    I can see you are using the following iframe code with javascript:

    <iframe id="JotFormIFrame-72682163396161" style="width: 1px; min-width: 100%; height: 539px; border: none;" src="https://form.jotform.com/72682163396161" width="300" height="150" frameborder="0" scrolling="no"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-72682163396161"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { 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; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>

    Can you please try using only the Iframe portion(excluding the javascript) like following:

    <iframe id="JotFormIFrame-72682163396161" style="width: 1px; min-width: 100%; height: 539px; border: none;" src="https://form.jotform.com/72682163396161" width="300" height="150" frameborder="0" scrolling="no"> </iframe>

    Let us know if it works for you or not.

  • Profile Image
    NorthwayDesigns
    Answered on October 13, 2017 at 07:18 AM

    https://texprint.com/contact-texprint/


    Even with a height of 700px, this is only partially visible.  The scroll will work if changed to "yes", but I don't want a scrolling form.

  • Profile Image
    NorthwayDesigns
    Answered on October 13, 2017 at 07:19 AM

    It does work this way and doesn't reload... ( = how do I display the entire height?

  • Profile Image
    NorthwayDesigns
    Answered on October 13, 2017 at 07:20 AM

    Ah!  Two height controls are there, I see. Done.

  • Profile Image
    Sabbir
    Answered on October 13, 2017 at 07:22 AM

    Glad that it's fine now. If you still need any assistance, please let us know.

  • Profile Image
    NorthwayDesigns
    Answered on October 13, 2017 at 07:25 AM

    I like how it took all of 10 minutes to resolve this.  Thanks!

  • Profile Image
    Sabbir
    Answered on October 13, 2017 at 07:33 AM

    You're Welcome. Thanks for using Jotform.