Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Hello,

I have been trying to get Advanced iFrame working a while ago unfortunately without success.
This week one of my customers wants me to use it again to show a webpage insite his website.

So I installed the latest version of Wordpress and Advanced iFrame Pro and try to get it working.

As you can see on this site the initially the iFrame shows and scales correctly but than the contents disappear.
http://wordpress.extravestiging.nl/extravestiging-webshop/

Both websites are on the same server and belong to the same domain. I use this shortcode:

[advanced_iframe securitykey="the key is here" use_shortcode_attributes_only="true" src="http://www.extravestiging.nl" width="1024" height="600" id="EVWebshop" name="EVWebshop" auto_zoom="same"]

Removing the auto_zoom="same" shows the website but then the footer is displayed over the iFrame since the iFrame is not zoomed, so that is no option. Any other website just failes to show in the iFrame. Any clue what is happening and why the iFrame is not showed correctly?

Regards, Marc

_________________
Greetings from sunny Curaçao!

Do you really need zoom? Can you create the other scenario for me also? So modifying xss dynamically is maybe a better option.

Best Michael

And what do you mean with any other website? Have you checked them with my free iframe checker?

Best Michael

Hai Michael,

Thanx for your reply.. Yes of coarse I used the iFrame checker and it turned out that the site is OK to use in an iFrame.
The same shortcode worked OK a few versions ago when I tried to use iFrame Pro in 2015, so something apparently changed causing this behaviour.

Auto_zoom means IMHO that the height/width of the iFrame is adjusted according to the site inside the iFrame, that is what I need... The iframe should adjust the height according to the height of the site inside and setting Auto_zoom="same" is the easiest way to do it.

However, when using "same" or the new option setting the document.domain the site in the iFrame is first showed (flashing) correctly and then vanishes as you can see at the URL I provided http://wordpress.extravestiging.nl/extravestiging-webshop/

Eventually I got everything working when using the external workaround but I find it strange that I cannot get the auto-height working using "same" and have to use the external workaround, even though the main site and the iFrame site reside on the same server/domain.

"And what do you mean with any other website?"
It does not matter what website I specify in the src , it always vanishes when setting auto_zoom="same". Perhaps that gives you a clue?

Regarding your questing: "Do you really need zoom? Can you create the other scenario for me also? So modifying xss dynamically is maybe a better option."
I do not understand what you mean...

Regards, Marc

_________________
Greetings from sunny Curaçao!

This is the code in the page aource... Note the width="1" which causes the issue...

<iframe id="EVWebshop" name="EVWebshop" src="http://www.extravestiging.nl" width="1" height="600" frameborder="0" border="0" allowtransparency="true" onload=";zoomOnLoadEVWebshop();"></iframe>

_________________
Greetings from sunny Curaçao!

Hi,

www.extravestiging.nl and wordpress ARE different domains for a browser. This is nothing we can change .

But you can use the external workaround for the same domain. Go to the external workaround tab. there is a box: If you are on a subdomain.
Then only have to include one single line of JS and then you can configure it the same way as if you are on the same domain.

If you say it was working last year I assume that there you had the iframe really on the same domain!

Currently you get:

Uncaught DOMException: Blocked a frame with origin "http://wordpress.extravestiging.nl" from accessing a cross-origin frame.
at aiGetIframeWidth (http://wordpress.extravestiging.nl/wp-content/plugins/advanced-iframe/js/ai.js?ver=603503:76:47)
at aiAutoZoom (http://wordpress.extravestiging.nl/wp-content/plugins/advanced-iframe/js/ai.js?ver=603503:943:24)
at zoomOnLoadEVWebshop (http://wordpress.extravestiging.nl/extravestiging-webshop/:295:16)
at HTMLIFrameElement.onload (http://wordpress.extravestiging.nl/extravestiging-webshop/:291:760)

in the Javascript console. You can fix this if you do what I have written before.

Best, Michael

Just to finish this post:
The problem was that iFrame Pro measured the wrong element, see other threat (element_to_measure)...
regards, Marc

_________________
Greetings from sunny Curaçao!