Why does my form display in Firefox but not Chrome?

  • DevOps
    Asked on March 16, 2016 at 11:32 AM

    Hi,

     

    Check this page http://healthysmileslagrange.com/appointment/ . The form is working fine on Mozilla. But doesn't work on Chrome. I've tried the script, iframe and shortcode. Nothing works. Please give me the solution.

     

    Thanks

    Jotform Thread 795898 Screenshot
  • KadeJM
    Replied on March 16, 2016 at 12:28 PM

    It seems to me that you are wondering what's going on with a form you have here http://healthysmileslagrange.com/appointment/ which is showing up in FireFox but not Chrome.

    I checked and I'm able to replicate the same issue.

    Why does my form display in Firefox but not Chrome? Image 1 Screenshot 20

    It seems to me that something is interfering with the form embed scripting from your website. I looked in your source code and it appears you're using the entire iframe code with script.

    Can you try using just the iframe and leave out it's end script to see if that makes any difference?

     

    Try Using Just This Part:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.me/52171164822450" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>

     

    And Leave Out This Part:

    <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; } 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); } if(window.location.href && window.location.href.indexOf("?") > -1) { var ifr = document.getElementById("JotFormIFrame"); 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; } } </script>

     

    Try that and let us know if this issue still occurs.

  • DevOps
    Replied on March 17, 2016 at 9:04 AM

    Thanks. It worked.