How to use this plugin?

  • Resolved littabird

    (@littabird)


    9 months, 4 weeks ago

    Sorry for asking low IQ question… I followed your instruction for example 6/7… None work?

    I put this on the iframe html page (before </body>
<script>
var iframe_id = "example6";
var updateIframeHeight = "true";
var hide_page_until_loaded_external = "true";
var iframe_hide_elements = "#iframe-header,#iframe-footer,#some-images";
var iframe_content_id = "#iframe-content";
var iframe_content_styles = "color:#ff0000";
</script>
<script src="https://mywebsite.com/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>

And I put this in a test page:-

[advanced_iframe securitykey="" use_shortcode_attributes_only="true" src="https://subdomain.mywebsite.com/" id="example6" height="300" width="800" scrolling="no" hide_page_until_loaded_external="true"]

    Just BLANK… What did I do wrong?

    I also try Only <script src=”https://mywebsite.com/wp-content/plugins/advanced-iframe/js/ai_external.js”></script&gt; on the iframe subdomian…

    As well as Sample #7

    > >> Same thing, nothing shows up — BLANK

    Please give me just the simplest code for iframing the subdomain with 100% width & height. That’s all (before I consider to buy your Pro).

    Thanks.

Viewing 5 replies - 16 through 20 (of 20 total)
  • Plugin Author mdempfle

    (@mdempfle)

    Here you go:
    https://www.tinywebgallery.com/blog/spiceyricey

    Every time the content loaded is bigger than the iframe an event is sent to the parent and then the iframe enlarged. This happens until all data is loaded.
    The width is limited to my template. So if you template is 100% of the browser size, the content is also 100%.

    btw. the scroll to top is not working as you have the anchor in the head section. Simply put id=”top” to the body to make this also work.

    I also fixed the .title style dynamically. It had top:5%. When the page is huge like yours the 5% would mean the text is not at all at the top anymore.

    Plugin Author mdempfle

    (@mdempfle)

    And feedback? Otherwise I close this topic as solved and also remove the test page.

    Best regards, Michael

    Thread Starter littabird

    (@littabird)

    Sorry, I was busy for the past many days.

    Looks good… Thank you.

    Pls. provide embed code for this embed, I will order your pro version when I have the time to start the work again ASAP… I am still stuck with some silly problems (getting hopeless these days… nothing gets done, getting old).

    Thread Starter littabird

    (@littabird)

    Okay, I am ready to look at the thing again.

    1. I believe it takes more than just a simple embed to make this work… Do you mind to tell me what exactly do you have to do to make it work? I ask because there are scripts won’t run in WP… just wanna make sure it’s something that I can reproduce (since you offer no warranty).
    2. “scroll to top is not working … Simply put id=”top” to the body” — Did that (placed under <body>)… Nope, it doesn’t work? Very curious why a simple <a> link won’t work in your embed? This is also the reason why I believe your embed is no ordinary embed?
    3. The other thing is… How do I embed just the body? That is to say I only wanted the content, not the header or even menu etc.
    4. Awaiting your enlightenment… Thanks.
    Plugin Author mdempfle

    (@mdempfle)

    1. You believe again wrong:
      The shortcode is [advanced_iframe src=”https://yum.spiceyricey.com/&#8221; enable_external_height_workaround=”true” use_shortcode_attributes_only=”true” width=”100%” height=”600″ use_post_message=”debug” scrolling=”no”]
      And the needed js file is the one you embedded. There you can see all settings needed. They is a big config section in the lower section. Normally you do this settings in the administration. In you case I needed todo them directly in the file as I have tons of demos in parallel I need to support. Simply check the source code.
      And what is the issue with warranty? CodeCanyon has a refund policy I of course also have to follow: https://themeforest.net/page/customer_refund_policy
    2. Please see https://www.tinywebgallery.com/blog/iframe-anchor-support. The reason why you have to move the anchor to the body is very simple: I only search for anchors where they are valid html. And this in in the body. From google: “The <head> element as per the HTML standard is reserved for?title, meta, link, script, style, base, noscript and template?elements only.”
    3. Also possible. You can hide the elements you do not like. This example hides the header and the footer: https://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-with-post-message
    4. Cheers
Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘How to use this plugin?’ is closed to new replies.