My form does not appear when people view my Joomla website using Internet Explorer

  • cagoffice
    Asked on April 14, 2015 at 12:57 PM

    My form works in Firefox but not Internet Explorer. Help!

  • Charlie
    Replied on April 14, 2015 at 2:10 PM

    Hi,

    It seems like you are using the default JS embed code to your website, this might be causing the IE to have problems on reading the script codes correctly. To fix this, you will need to embed the form to the website using an iFrame code, here's a guide on how to get it: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.

    Do let us know if that works.

    Kind regards.

  • cagoffice
    Replied on April 14, 2015 at 2:59 PM

    When I use the "Embed" with "iFrame" code, nothing shows up when I open it in Firefox.

    I use Joomla so always just copy and paste into the "HTML" box in Joomla.

    Other forms I have done work but not this one.

  • Ben
    Replied on April 14, 2015 at 4:38 PM

    I took a look at the jotform and it seems to open properly for me in my (now very old) IE8

    My form does not appear when people view my Joomla website using Internet Explorer Image 1 Screenshot 30

    I intentionally clicked into the required field and out of it to see if there is any conflicting code running that might stop the form from loading.

    While I would still suggest iframe embed over the js embed option you are using just as my colleague did above, I would first like to ask you if you are opening your page within the compatibility mode?

    This mode will unfortunately make the many websites (not related to JotForm) not work properly since it stops some of the scripts from working at all.

    To check this and remove if required, please click on Tools -> Compatibility View

    My form does not appear when people view my Joomla website using Internet Explorer Image 2 Screenshot 41

    It must be unchecked.

    Do let us know how that goes.

  • cagoffice
    Replied on April 14, 2015 at 4:49 PM

    I don't have the same view as you. Can you advise?

    My form does not appear when people view my Joomla website using Internet Explorer Image 1 Screenshot 20

     

  • jonathan
    Replied on April 14, 2015 at 5:51 PM

    From what I see on your website, you still had the form embedded using its script code

    Although I also could not reproduced the reported problem using my IE browser, I also would suggest trying first re-embedding the form to the website using instead its Iframe embed code.

    My form does not appear when people view my Joomla website using Internet Explorer Image 1 Screenshot 20

    As mentioned by a colleague previously, it could also be the reason for the form having display issue on different browser due to script conflict

    user guide: -Getting-the-Form-iFrame-Code

    Please try first using the iframe embed code and we will be glad to check further and resolve any issue.

    Thanks.

     

  • cagoffice
    Replied on April 15, 2015 at 9:18 AM

    The iFrame Code never works for me. The form doesn't show up!

    My form does not appear when people view my Joomla website using Internet Explorer Image 1 Screenshot 20

  • Charlie
    Replied on April 15, 2015 at 10:58 AM

    Hi,

    Upon checking your website again, I see that the iFrame code is not anymore there, BUT the <script> code was left.

    My form does not appear when people view my Joomla website using Internet Explorer Image 1 Screenshot 30

    This might be the reason why your iFrame is not working, please do remove it to avoid code conflicts. Also, just to confirm, you are embedding the form by following the "Joomla" option in our "Embed Form" settings?

    My form does not appear when people view my Joomla website using Internet Explorer Image 2 Screenshot 41

    If you are already following that guide and still having problems, you can embed iFrame code BUT without the script code in it. Here's your iFrame code and I will edit it:

    Before or the original code in the Embed Form options that we copied:

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

    After (the code that we will use after we remove the script code):

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

     

    So basically, we will be using the code wrapped in <iframe> only, without the ones in the <script> tag. BUT please do make sure that you remove first any codes related to JotForm in your website to avoid conflicts. 

    I hope this helps.

    Kind regards.

  • cagoffice
    Replied on April 15, 2015 at 11:17 AM

    That code won't save in my HTML box in Joomla. When I hit "update", it doesn't stay in there.

    My form does not appear when people view my Joomla website using Internet Explorer Image 1 Screenshot 20

    Usually, I just hit "embed" then "Joomla" and copy and paste the text in the HTML box in Joomla and my form appears. But only in Firefox this time. All my other forms work on both Firefox and IE like I said earlier.

  • Charlie
    Replied on April 15, 2015 at 11:33 AM

    That's weird, the iFrame should work, probably a plugin or function in Joomla is cleaning up the code, did you follow the steps mentioned regarding the Plugin Manager? Here it is:

    If you see a "Plugin Manager" on your Joomla:

    Go to plugin manager and click on tiny TinyMCE 2.0 Go to plugin parameters. Select "never" on "Code cleanup" on save option. Then save it. Find the page you would like to add the form and click on "Edit" icon. On the editor textarea, click on the "HTML" icon. On pop-up "HTML Source Editor", copy and paste the code above.

    Switching "never" on "Code cleanup" might help you use the iFrame code.

    Right now, I'm checking the website and it seems to work in IE, Firefox and Chrome. You might need to update your IE to a newer version perhaps?

    Kind regards.

  • cagoffice
    Replied on April 15, 2015 at 11:36 AM

    I am using Internet Explorer 11. Is there a newer one than that?

    Let me check into the TinyMCE 2.0- last time I looked, I couldn't find it. I am using Joomla version 1.5.20.

  • cagoffice
    Replied on April 15, 2015 at 11:44 AM

    Oh my goodness- I figured it out! There was a pop up at the bottom. All I needed to do was click "Show All Content". All this work for nothing.

     

    Sorry!

  • Charlie
    Replied on April 15, 2015 at 11:49 AM

    No worries, I assume everything is working in your end now. Sometimes it's hard to notice those things, especially if the pop up was placed at the bottom and not easily noticeable at first. In my end, I'm unable to get those pop-ups, so I assume its a setting in your IE.

    If you needed any assistance again, please do not hesitate to open a new thread here in the forum, we'll be more than happy to help.

    Thank you.