Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum https://www.tinywebgallery.com/forum/ |
|
Advanced Iframe Pro N00b help https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=6124 |
Page 1 of 1 |
Author: | thebarman [ 1. May 2019, 09:53 ] |
Post subject: | Advanced Iframe Pro N00b help |
Hi , I have an issue were if I link straight to a page or refresh : http://d14764987.i184.quadrahosting.com.au/drop-in-passes/ Code: [advanced_iframe use_shortcode_attributes_only="true" show_iframe_loader="true" src="http://d14764987.i184.quadrahosting.com.au/price/drop-in.html" width="100%" id="drop1" scrolling="no" onload_resize="true" enable_responsive_iframe="true" enable_external_height_workaround="true" enable_ios_mobile_scolling="true" onload_resize_width="true"] The iFrame works OK But if I come through the menu: ( using QCodes Bridge Theme ) http://d14764987.i184.quadrahosting.com.au Then only 50 or so pixels load ? Attachment: The BUY buttons link to an external domain so I have the work around going, but this seems to mess things up going through the menu ? Attachment: Any ideas please Chris chris@wadespace.net" rel="nofollow |
Author: | TinyWebGallery [ 1. May 2019, 22:06 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
Lets try to solve the first problem first. Have you tried to add a small resize delay? like onload_resize_delay="100" and remove enable_external_height_workaround="true" this will actually disable onload_resize="true". Not sure why it schold work actually also you should set a default height. also remove onload_resize_width="true". See the documentation. Normally you don't want this. Especially if your page is responsive! |
Author: | thebarman [ 2. May 2019, 04:49 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
Hi TinyWeb, Thanks I have done below for PART I : http://d14764987.i184.quadrahosting.com.au/drop-in-passes/ Code: [advanced_iframe src="//d14764987.i184.quadrahosting.com.au/price/drop-in.html" use_shortcode_attributes_only="true" width="100%" height="100vh" id="drop1" scrolling="no" enable_responsive_iframe="true" enable_ios_mobile_scolling="true" show_iframe_loader="true" onload_scroll_top="iframe" onload_resize_delay="100" ] - Taking out onload_resize="true" and added height="100vh" - var height doesn't show all of PART II https://cyclecollective.myperformanceiq.com/bookings/checkout/class_pack/2778?set_location=402 - Does not resize on mobile or web I've added height="2100" to below for testing for below: http://d14764987.i184.quadrahosting.com.au/ride-packs/ Code: [advanced_iframe use_shortcode_attributes_only="true" src="//d14764987.i184.quadrahosting.com.au/price/ride-packs.html" width="100%" height="2100" id="ride1" scrolling="no" enable_responsive_iframe="true" enable_ios_mobile_scolling="true" onload_resize_delay="250" show_iframe_loader="true" onload_scroll_top="true" onload_resize="true"] I've added height="2100" and enable_external_height_workaround="true" to below for testing: http://d14764987.i184.quadrahosting.com.au/popular-buys/ Code: [advanced_iframe use_shortcode_attributes_only="true" src="http://d14764987.i184.quadrahosting.com.au/price/buy-initial.html" width="100%" height="2100" id="buy1" scrolling="no" enable_responsive_iframe="true" enable_ios_mobile_scolling="true" onload_resize_delay="500" show_iframe_loader="true" enable_external_height_workaround="true"] PART II: Still excess WHT space on web and mobile Thanks C |
Author: | TinyWebGallery [ 3. May 2019, 23:10 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
1. onload_resize="true" is the important thing! onload_resize_width="true" is the one you should remove . 2. http://d14764987.i184.quadrahosting.com.au/price/buy-initial.html does not inlcude ai_external.js. You need to add this there. Best, Michael |
Author: | thebarman [ 4. May 2019, 05:20 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
Hi, Thanks : http://d14764987.i184.quadrahosting.com.au/popular-buys/ PART I = now OK Code: [advanced_iframe use_shortcode_attributes_only="true" src="http://d14764987.i184.quadrahosting.com.au/price/buy-initial.html" width="100%" height="100vh" id="advanced_iframe" name="advanced_iframe" scrolling="no" enable_responsive_iframe="true" enable_ios_mobile_scolling="true" show_iframe_loader="true" enable_external_height_workaround="true" onload_resize="true" onload_resize_delay="100" onload_scroll_top="true" multi_domain_enabled="true" store_height_in_cookie="false" onload_scroll_top="true"] PART II: BUTTON click goes to PIQ https://cyclecollective.myperformanceiq.com/bookings/checkout/class_pack/2778?set_location=402 I can't seem to get this to resize after "click" to goto the login screen with lots of white space ! Below 2 scripts help normail iframe command work would this help ? Code: <script type="text/javascript" src="https://cdn.myperformanceiq.com/iframe-downloads/iframeResizer.min.js"></script>
<script type="text/javascript" src="https://cdn.myperformanceiq.com/iframe-downloads/piq.js?v=3"></script> <iframe src="https://cyclecollective.myperformanceiq.com/bookings?set_location=427" width="100%" scrolling="no"> |
Author: | TinyWebGallery [ 5. May 2019, 21:23 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
What do you mean with part 2? https://cyclecollective.myperformanceiq.com/bookings?set_location=427 does contain an iframe resizer script. Do you want to use this one? Best, Michael |
Author: | thebarman [ 6. May 2019, 02:05 ] | ||
Post subject: | Re: Advanced Iframe Pro N00b help | ||
Hi, clicking the button @ http://d14764987.i184.quadrahosting.com.au/popular-buys/ I need the next login and beyond to resize. I don't mind what resizes it, I would rather keep it all within your plugin though, but I just really need the LOGIN screen below to resize and into the PURCHASE CART. Code: [advanced_iframe use_shortcode_attributes_only="true" src="http://d14764987.i184.quadrahosting.com.au/price/buy-initial.html" width="100%" height="100vh" id="advanced_iframe" name="advanced_iframe" scrolling="no" enable_responsive_iframe="true" enable_ios_mobile_scolling="true" show_iframe_loader="true" enable_external_height_workaround="true" onload_resize="true" onload_resize_delay="100" multi_domain_enabled="true" store_height_in_cookie="false" resize_on_click="500" use_post_message="true"] Not re-sized: ( to much white space ) Attachment: No enough ( screen cut frame not shown) Attachment: Thanks
|
Author: | thebarman [ 6. May 2019, 07:32 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
Hi Please help, now nothing is re-sizing at all and there are loads of js errors. I have been trying to config this setup, and it keeps breaking. Is there a default mode to find out what is causing the errors ? C |
Author: | TinyWebGallery [ 6. May 2019, 07:46 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
seems you have not include ai.js properly anymore. can you check the network tab if is is loading? about enable_external_height_workaround="true" -> If you do this you disable all settings for the same domain! If you want to use my plugin only for remote domains: - You either need to be able to add my ai_external to the remote domain -> are you able to do this? - or anyone also needs to send the height to the parent back. it seems on the other page is the iframeresizer script included already. Here you see how to include this script also http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/integrate-iframe-sizer-script. But this is not my script. therefore if you e.g. use a newer version than where I have done it you might have to adopt the configuration. but now it seems you have to included ai_external.js in the parent! This file is the one which sens the height back to the parent! It needs to be included IN the page of the iframe like described in the administration -> external workaround. Best, Michael |
Author: | TinyWebGallery [ 6. May 2019, 07:48 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
Maybe you also read http://www.tinywebgallery.com/blog/advanced-iframe-resize-to-content-summary This is an overview how to resize depending what you want and your setup! Berst, Michael |
Author: | TinyWebGallery [ 6. May 2019, 07:53 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
currently you have ai.js and ai_external.js included in your parent! this is only a valid szenario if you want to share your own page! Not if you like to include an iframe. Also you can go to the administration of advanced iframe to the options tab. Search for the option where to include ai.js. You can also select top here. As your iframe is very small it is maybe loaded before ai.js is loaded! if this is the case you need to include ai.js on top and not at the bottom. Best, Michael |
Author: | thebarman [ 6. May 2019, 23:55 ] |
Post subject: | Re: Advanced Iframe Pro N00b help |
Thanks Would you be able to email me the costs to do above for the 5 pricing pages to work with the framesizer script at the login screen http://d14764987.i184.quadrahosting.com.au/drop-in-passes/ http://d14764987.i184.quadrahosting.com.au/programs-2/ http://d14764987.i184.quadrahosting.com.au/ride-packs/ http://d14764987.i184.quadrahosting.com.au/popular-buys/ http://d14764987.i184.quadrahosting.com.au/unlimited/ Please send to chris@wadespace.net I can give access to wordpress and the pages on the above domain |
Page 1 of 1 | All times are UTC + 1 hour [ DST ] |
Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |