Embedded form is now shown in safari and chrome browsers

  • tomez
    Asked on February 8, 2016 at 12:14 PM

    My formular is not seen with safari and chrome browser only in firefox i use iframe code but also not seen with embed code . what is wrong? 

  • BJoanna
    Replied on February 8, 2016 at 2:37 PM

    I was not able to replicate mentioned issue when I tested your embedded form on my laptop using Google Chrome, Mozilla Firefox and Internet Explorer. 

    Embedded form is now shown in safari and chrome browsers Image 1 Screenshot 20

    Maybe it was temporary issue.

    Are you still unable to view your embedded form? If so please tell us which device are you using. 

    Let us know if you need further assistance. 

  • tomez
    Replied on February 9, 2016 at 8:14 AM

    here the first link with this code: <script type="text/javascript" src="https://form.jotform.com/jsform/50271850897968"></script>

    http://www.wonkyboard.com/test1

     

    here the second with this code:

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

    http://www.wonkyboard.com/test2

     

    and here the last one with this code:

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

    http://www.wonkyboard.com/test3

     

    only the last one i can see in all browser chrome,safari and firefox

  • BJoanna
    Replied on February 9, 2016 at 11:29 AM

    I was able to see mentioned issue on first two pages you provided. It seems that there are some script conflicts and because of that height of the form is set to 0. 

    Considering that form embedded only with iFrame tag of iFrame code is working properly, I would suggest you to use that option. We usually recommend our users to use iFrame code when embedding form to website to avoid conflicts between JotForm scripts and website scripts. 

    Feel free to contact us if you have any other questions.

  • tomez
    Replied on February 9, 2016 at 11:40 AM

    OK, i use the iFrametag without the script code.

    Thank you very much

    best regards

  • BJoanna
    Replied on February 9, 2016 at 12:49 PM

    You're welcome.

    Feel free to contact us if you have any other questions.