Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 7, 2017 at 8:20 pm #757231
    rksystems

    Hello,

    I have a button that links to an iframe but it seems to be under the header, footer and sidebar. Here is the URL: https://tinyurl.com/jenf6yy

    If you click on the donate button you will see what I mean.

    It looks like the z-index values are higher on the iframe but I’m not sure why it would be showing underneath. Can you help with this?

    Thank you.

    March 13, 2017 at 4:06 pm #760055
    Yigit

    Hey!

    Sorry for the late reply!

    Could you please refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and widget area to your header and place your iframe inside it? It definitely is a z-index issue and placing the code in header would be the best way to solve it without causing another issues i think

    Best regards,
    Yigit

    March 19, 2017 at 3:18 am #763053
    rksystems

    Hello,

    The iframe works perfectly if I add it to the header but I would like the button to be in the body of the site instead of the header. Chimp has some other instructions for using a custom button but I can’t get it to work, can you see what may be causing the issue?

    Here is the code that is supposed to work for the pop-up window:

    <div id="custom-chimp-button" width="200px" height="200px" style="background: red; cursor: pointer; padding: 10px; margin: 10px;"> <strong>Button</strong><br> You can click on this div! It'll open the form.</div>

<script type="text/javascript" src="http://chimp.net/widget/js/loader.js?OTM4MTQsbGFyZ2Usb3JhbmdlLFRoZSBCdW5rZXIgWW91dGggTWluaXN0cnkgSW5jLixCZW5lZmljaWFyeQ%3D%3D" id="chimp-button-script" data-hide-button="true" data-script-id="main"> </script>

<script type="text/javascript"> $(document).ready(function() { $("#custom-chimp-button").on("click", function() { var frame = document.getElementById("chimp-form-main"); var content = frame.contentWindow; content.postMessage("open-chimp-frame", "*"); frame.style.opacity = 1; frame.style.display = "block"; }); }); </script>

    My URL is https://goo.gl/t529kJ
    The instructions on how to use this ccustom button are here: http://help.chimp.net/article/88-donation-button#custom

    Thanks.

    March 21, 2017 at 4:53 pm #764255
    Victoria

    Hi rksystems,

    Try changing the $ in the code snippet to jQuery

     jQuery(document).ready(function() { $("#custom-chimp-button").on("click", function() { var frame = document.getElementById("chimp-form-main");
 var content = frame.contentWindow; content.postMessage("open-chimp-frame", "*"); frame.style.opacity = 1; frame.style.display = "block"; }); });

    It might work when the error is gone.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.