form not loading

  • Profile Image
    perrymanku
    Asked on September 05, 2013 at 07:50 AM

    I am using this embed code to load my form:

     

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/32334824017953" frameborder="0" style="width:100%; height:703px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    However, it is not loading for some people, just ocmes up blank screen.  I also got a certificate warning in firefox listing that as not secure http://form.jotformpro.com

     

    Do i need to remove the form part?

     

    Thanks

    Perry

     

  • Profile Image
    KadeJM
    Answered on September 05, 2013 at 10:51 AM

    Hello Perry, I think you are running this from your facebook page according to the Page Url that was provided if I am correct?

    It seems to me like there is something wrong with the App Configuration Setup that you have. When I viewed your page and " liked " it to check I could not see the form at all as it is showing that whatever is embedded in the page failed to load. I am under the impression that according to the source this should actually be your form loading when the page is liked. 

    However, I found the cause of your problem. This is happening because you are using HTTP:// on the script you've provided us. Yet on your embedded form you are using HTTPS:// according to the Source Code for the Form in Facebook. The reason the error is popping up is because you are not using our Secured Server Domain correctly. It should be HTTPS://SECURE.xxxxxxxx but on your embedded form you are using HTTPS://FORM.xxxxxxxx so because of this it is showing the security certificate as untrusted and unrecognized causing that security issue. You have to make a decision and decide if you want your form Secured or not. I would also highly advise that you use the " Secure " Form checkbox next time too which will automatically solve this problem before you embed since it makes this change for you. You can read further down for more information about this problem.

    Screenshot of Problem:

    I also did an additional test since it appears that this problem is happening in firefox but I could see that the form displays without trouble whatsoever. It even worked in Chrome also when I double-checked it to make sure just in case.

    Screenshot of Embedded Form Test:

     

    I'm not entirely sure if you meant to Secure your Form on your page or if FaceBook modified it to Secured for you. Either way though in comparison the script you are showing us that you have embedded is Non-Secured yet the one that is embedded in your Facebook page is Secured.

    What you posted Above:

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

    What I am seeing and found on your FaceBook Page:

    Now when I unsecured this in the source code this made the form work again. So then I realized that the problem was that you are using our Secured Server Domain incorrectly since after another test with this in FireFox I was then able to replicate your problem again with the same issue of it being untrusted so that is why this is happening.