Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum
https://www.tinywebgallery.com/forum/

iFrame auto-resize height not working
https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=4130		 Page 1 of 2
Author:  zeumic [ 2. Aug 2016, 12:29 ]
Post subject:  iFrame auto-resize height not working
I have tried to create auto re-size iFrame with code given by Advanced iFrame Pro examples

[advanced_iframe securitykey="MYSECURITYKEY" frameborder="0" src="https://example.com" width="100%" height="20" use_shortcode_attributes_only="true" onload_resize="true" ]

But this code is not displaying the full height of page in front end.
The source link is from external site
Please provide the solution to detect the height of the page and auto resize the iFrame to display complete page without scrolling.

I can provide my purchase code if needed.

Thanks
Author:  TinyWebGallery [ 2. Aug 2016, 15:08 ]
Post subject:  Re: iFrame auto-resize height not working
You use the solution for the same domain.

you need to use the solution for the external doamin:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-auto-height-and-css-modifications

Check the tab "external workaund" tab in the administraiton.

Best, Michael
Author:  zeumic [ 6. Aug 2016, 04:40 ]
Post subject:  Re: iFrame auto-resize height not working
TinyWebGallery wrote:
You use the solution for the same domain.

you need to use the solution for the external doamin:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-auto-height-and-css-modifications

Check the tab "external workaund" tab in the administraiton.

Best, Michael


As you can see, I have done this, but it does not work. The height does not adjust, the frame is simply cut off. Here's an example page that I've done http://www.webengin.com.au/test-page-2/
Author:  TinyWebGallery [ 6. Aug 2016, 22:07 ]
Post subject:  Re: iFrame auto-resize height not working
No. You have used MY example with MY domains.

You need to use YOUR pages and YOUR domains.

Please go to the "external Workaround" tab an follow the instructions there.
You need to use the Javascript provided there.

Best, Michael
Author:  zeumic [ 9. Aug 2016, 11:57 ]
Post subject:  Re: iFrame auto-resize height not working
TinyWebGallery wrote:
No. You have used MY example with MY domains.

You need to use YOUR pages and YOUR domains.

Please go to the "external Workaround" tab an follow the instructions there.
You need to use the Javascript provided there.

Best, Michael


Tried the Code as mentioned in External Workaround page
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-auto-height-and-css-modifications

<script>
var iframe_id = "iframe";
var updateIframeHeight = "true";
var iframe_content_id = "#iframe";
var hide_page_until_loaded_external = "true";
</script>

Above is the script inserted in external source page “https://webengin.partnerconsole.net/execute/logonDispatch “

[advanced_iframe securitykey="My-key" use_shortcode_attributes_only="true" src="https://webengin.partnerconsole.net/execute/logonDispatch" width="800" id="iframe" height="300" height scrolling="no" enable_external_height_workaround="true"]

iFrame Code Applied in the page
Please see the page where iFrame is applied
http://www.webengin.com.au/test-page-2/

Followed all the instructions Mentioned in “External Workaround” page
Author:  zeumic [ 23. Aug 2016, 10:49 ]
Post subject:  Re: iFrame auto-resize height not working
Bump
Author:  zeumic [ 24. Aug 2016, 02:08 ]
Post subject:  Re: iFrame auto-resize height not working
Unfortunately this plugin is not working.
Your support has unfortunately not helped to get it working as advertised.
I have not heard from you in 3 weeks.
It is time I request a refund.
All the best.
Author:  TinyWebGallery [ 24. Aug 2016, 22:38 ]
Post subject:  Re: iFrame auto-resize height not working
Sorry - I was on vacation and missed your last answer.

as you use a https iframe in a http page you need to use
"Use post message for communication" as written on the top of the external workaround "If you mix http and https pages you NEED to enable "Use post message for communication"!"

Simply enable this on the "external workaround" tab and refresh the browser cache.

Best, Michael
Author:  TinyWebGallery [ 24. Aug 2016, 23:35 ]
Post subject:  Re: iFrame auto-resize height not working
I just enhanced the plugin that your configuration issue can be detected an a message is shown then.
This will be available in v7.3.

Best, Michael
Author:  zeumic [ 27. Aug 2016, 03:43 ]
Post subject:  Re: iFrame auto-resize height not working
I have enabled 'Use post message for communication', put in the correct Javascript in the head section of the external page, and cleared my browser cache, and it is still not working as you can see: http://www.webengin.com.au/test-page-2/ (it's the top frame, ignore the bottom)

Am I doing something wrong? If you view the frame source, you can see that the correct Javascript is there, so I simply don't understand why it is not working.
Author:  TinyWebGallery [ 29. Aug 2016, 22:34 ]
Post subject:  Re: iFrame auto-resize height not working
Hi. I only have limited Internet till Saturday.
I will check your website on Sunday.

Best Michael
Author:  TinyWebGallery [ 4. Sep 2016, 21:05 ]
Post subject:  Re: iFrame auto-resize height not working
The problem is that the page in the iframe tries to load the ai_external.js from a https domain which is now blocked by e.g. chrome.
this is why I recommend in my blog not to mix http and https.

You get the following error message right now:
Mixed Content: The page at 'https://webengin.partnerconsole.net/execute/logonDispatch' was loaded over HTTPS, but requested an insecure script 'http://www.webengin.com.au/wp-content/plugins/advanced-iframe/js/ai_external.js'. This request has been blocked; the content must be served over HTTPS.

The solution is to copy the ai_external.js to a https domain. in your case I would recommend https://webengin.partnerconsole.net if possible.

I currently enhance the description in 7.3 how this setup can be done and also create a working example.

Best, Michael
Author:  zeumic [ 20. Sep 2016, 01:33 ]
Post subject:  Re: iFrame auto-resize height not working
Thank you for reply. I appreciate you trying to help out. It is still not working.

https://www.webengin.com.au/test-page-2/

We have forced HTTPS on the webengin.com.au domain so that the scripts are being served over HTTPS.
Author:  TinyWebGallery [ 20. Sep 2016, 10:16 ]
Post subject:  Re: iFrame auto-resize height not working
You get the following message in the console:
Advanced iframe configuration error: The id of the parent and the external workaround are different! Check your settings.
ai.js?ver=889996:124 T

You have added

<script src="https://www.webengin.com.au/wp-content/plugins/advanced-iframe/js/ai_external.js">
<script>
var iframe_id = "iframe";
var updateIframeHeight = "true";
var iframe_content_id = "#iframe";
var hide_page_until_loaded_external = "true";
</script>


Which meas you have included the ai_external.js and AFTER that you try to configure it. you first need to set the settings and then you need to include the file

<script>
var iframe_id = "iframe";
var updateIframeHeight = "true";
var iframe_content_id = "#iframe";
var hide_page_until_loaded_external = "true";
</script>
<script src="https://www.webengin.com.au/wp-content/plugins/advanced-iframe/js/ai_external.js">


is correct.

Best, Michael
Author:  zeumic [ 22. Sep 2016, 00:06 ]
Post subject:  Re: iFrame auto-resize height not working
TinyWebGallery wrote:
You get the following message in the console:
Advanced iframe configuration error: The id of the parent and the external workaround are different! Check your settings.
ai.js?ver=889996:124 T

You have added

<script src="https://www.webengin.com.au/wp-content/plugins/advanced-iframe/js/ai_external.js">
<script>
var iframe_id = "iframe";
var updateIframeHeight = "true";
var iframe_content_id = "#iframe";
var hide_page_until_loaded_external = "true";
</script>


Which meas you have included the ai_external.js and AFTER that you try to configure it. you first need to set the settings and then you need to include the file

<script>
var iframe_id = "iframe";
var updateIframeHeight = "true";
var iframe_content_id = "#iframe";
var hide_page_until_loaded_external = "true";
</script>
<script src="https://www.webengin.com.au/wp-content/plugins/advanced-iframe/js/ai_external.js">


is correct.

Best, Michael


I have done this, it is still not working. What is wrong now?
Page 1 of 2 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/