Multiple iframe embed are not working properly

  • Profile Image
    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!

  • Profile Image
    Jan
    Answered on May 30, 2015 at 08:16 AM

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

    <iframe id="JotFormDonate" onload="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.

  • Profile Image
    raquelmagtibay
    Answered on May 30, 2015 at 08: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?

  • Profile Image
    Syed
    Answered on May 30, 2015 at 10:01 AM

    Hi there;

              Are you embedding your form to "Tumblr"? I have checked some CSS files, let us know so that we can assist you on How you can embed your form to Tumblr page properly.

    We will wait for you, looking forward to hearing from you.

     

    Thankyou,

  • Profile Image
    raquelmagtibay
    Answered on June 01, 2015 at 02: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!

  • Profile Image
    Syed
    Answered on June 01, 2015 at 03:01 AM

    Hi Raquel;

             Yes, we do have guide on Adding Form to Tumblr. I suggest you to read our guide section here on that, will let us know if you still having issues on this, we would be glad to help you further.

     

    Thankyou,

  • Profile Image
    raquelmagtibay
    Answered on June 01, 2015 at 03: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! 

  • Profile Image
    Syed
    Answered on June 01, 2015 at 03:25 AM

    You're welcome, will let us know if you need further assistance in any way, we would love our users to assist.

     

    Thankyou,