Multiple iframe embed are not working properly

  • raquelmagtibay
    Asked on May 29, 2015 at 11:18 PM

    I have a tabbed page where I would like to have a JotForm for each tab. I decided to use the iframe method, however whenever I try to type in the text areas of the first and second JotForms, they don't seem to respond. I'd like some help with fixing this problem.

    Here is the page and the forms in question:

    WANA Tips

    Thank you in advance!

    Jotform Thread 578925 Screenshot
  • Jan
    Replied on May 30, 2015 at 8:16 AM

    Can you please try to re-embed the forms without the script code below the iframe.

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

    Hope this works. Let us know if the issue is still the same. Thank you.

  • raquelmagtibay
    Replied on May 30, 2015 at 8:23 AM

    Hello there! Thank you for replying to my question. I've removed the script codes from below the iframes, but the issue still seems to persist. Is there anything else you would recommend that I try?

  • raquelmagtibay
    Replied on June 1, 2015 at 2:58 AM

    Hello there, Syed! Yes, I am indeed trying to embed my forms to Tumblr. Is there any specific way to embed JotForms on that specific platform?

    Thank you in advance!

  • raquelmagtibay
    Replied on June 1, 2015 at 3:23 AM

    Hello JotForm Support! Thank you for all your help; I've finally figured out what was wrong with my forms. I added a z-index: 100 to the tabs that were supposed to be above the others. That did the trick!

    Again, thank you so much, JotForm!