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

    One of my forms that is embedded using an iframe method won't show up in the page using IE11

    Asked by becshall73 on October 08, 2015 at 09:27 AM

    Hi, 

    I have been testing on Win 8.1 and IE11 and one jotform embedded via an iframe doesn't display anything.  However I have got another form on the same website that works fine.

     

    The page where the form is not displaying is: http://www.laurenpearson.net/school-visits/

     

    I originally tried the form with https and then I changed it to http to see if that would work, but it doesn't.  The other page where a different one of your forms does work is:  http://www.laurenpearson.net/contact/.

     

    Thanks.

     

    not displaying IE11 iframe embed
  • Profile Image

    Answered by becshall73 on October 08, 2015 at 09:32 AM

    And the same problem occurs on Win 10 IE 11.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Welvin on October 08, 2015 at 01:16 PM

    We've updated our iframe embed method and looks like you are using the old version and since you are using WordPress, the script part was not triggered.

    Please try re-embedding the form again with the codes below:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/52591821671963" frameborder="0" style="width:100%; height:514px; 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; } 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>

    I have highlighted two sets of codes here. If using all gives you the same issue, remove the codes that is highlighted with Yellow color.

    Thanks

  • Profile Image

    Answered by becshall73 on October 12, 2015 at 03:25 AM

    Hi, thanks very much.  That works really well even on IE 8 on Windows 7!  

     

    A couple of further things...

    I only created the webpage a few weeks ago, so how come I was using the old-style embed - has it just changed?

     

    On Win XP and IE8 this form displays okay, but the contact form ( http://www.laurenpearson.net/contact/.)  gives an IE error message (Cannot display webpage).

     

    Thanks.

     

  • Profile Image
    JotForm Support

    Answered by Charlie on October 12, 2015 at 10:12 AM

    Hi,

    Thank you for your understanding on this. Currently, there are minor and major changes being made in the form builder, some are fixes and some are upgrades. It should still be optimized to be used in the latest browsers, however, it is quite common to get loading problems especially on old browser versions like IE8. There's also a chance of script conflict between your Wordpress' resources and of the form's.

    Aside from using the iFrame code, you can also refer to this guide: http://www.jotform.com/help/324-A-Guide-To-Forms-For-WordPress-JotForm-Users 

    I hope that helps.