872 comments found.
Hello,
I need to use iframe (and/or other html techniques) to embed my entire website (WordPress) so that all visitors will never see my real website but only the apparent website (apparent domain name).
Is it possible with your plugin, please?
Thank you.
Hi,
So you want a “fullscreen” iframe? For a possible solution you can look here:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/full-screen-demoBest regards, Michael
Hello Michael,
Thank you for your reply.
I have just sent you a private message.
Best regards,
Corinne
I know 
. Best regards, Michael
Hi , Can I display a button , and when clicking it, the iframe will reload ?
This is simple Javascript. Add a button where you set the url of the iframe again. You can even display this over the iframe if you use the hide elements features and display a button there.
Could you guide me this ? Many options in setting page so I’m confusing to do this.
Where do you like to display the button? Because a normal button you place in you html like you see here: https://stackoverflow.com/questions/11287050/iframe-reload-button if you like to have this over the iframe see : http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe#e44 there is custom html included.
Best regards, Michael
Thanks Michael,
I have done this by following the tutorial from the link you send. Combine it with hide a part of the iframe is the perfect tips.
. Glad I could help
I have used this plugin for years with no issue. I upgrade today and somehow broke my page. I am sure I missed something because this plugin is normally fool proof. Page is here https://www.strokersdallas.com/motorcycle-inventory/.
Please check the message I sent you to your direct message
Uncaught Error: Syntax error, unrecognized expression:
class=’InventoryList xFacebookInventoryList’
is not a valid jQuery selector. If you want to select a class use . and the class you want to select.
Hi Michael,
Is it possible if I want a modal box which later contains “Dynamic Iframe Content” with the same domain name?
I have a “Home” page and it already contains the latest “News” and I have a “Read More” link to see the details of each “News” but i want to in the form of an “Iframe Modal Box“
Example:
domain. com/home and on that page I have a links:
domain. com/news/?id=01
domain. com/news/?id=02
The “News” page will open in the form of an “Iframe Modal Box” and the contents of the page are “News 01” or “News 02” etc.. depending on which I click
Of course in the “News” page existing and I create a blank display by default, content will appear if there are parameters in the URL
Will it later have a different “Iframe Modal Box” ID or will it still use the same “Modal Box” ID but only “Dynamic Content”? Can an “Iframe Modal Box” read the parsed parameters from the “Home“page
Hi,
Please check this demo:
https://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-the-iframe-as-layerIs this what you are looking for?
Best regards, Michael
Ohh OK
Example 34: Change link targets and show the iframe as layer and an additional Example 37, 38, 54, 54A, and 58.
Thanks Michael
Hola quiero mostrar este tour virtual 360 dentro de una de mis paginas en ancho y alto completo, sin scroll, el tour esta en una carpeta dentro de la raiz del mismo dominio que la pagina web, me puede ayudar he indicar como hacerlo, he intentado ya varias configuraciones y solo consigo verlo ha ancho completo, pero no en altura completa? esta es la url de tour https://web3dvista.sanicelli.com/tour/webdemo/index.html
que se tendría que mostrar en la pagina https://web3dvista.sanicelli.com/360-2/
Not sure If I understand right as google translate did not get a clear translation. The first link you send seems to be 100% height. So do you still have the problem? also often using 100vh works to get 100% of the browser view. Do you need this? On the other link I do not see any iframe at all.
You might take a look here: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/advanced-height-features-with-headers-and-fullscreen-iframesThere you see fullscreen iframe with headers.
Best regards, Michael
is your plugin compatible with WordPress 6.0?
I’m testing right now and have not found any issues yet. An update where then 6.0. will be officially supported will come in the next days.
Best regards, Michael
Pre-sale : we can set a iframe on page and do actions to it with button click ? (actions : – refresh it with same url and refresh it with another url)
The button is somewhere on the page? Normally you use a link with the iframe as target and style the link like a button. This is the easiest way.
so yes. Should be no problem.
Best regards, Michael
For example we have page with 2 elements (iframe and Button) we want do actions on iframe by clicking into button ex : load another URL in same frame or refresh it by button click
yes – see my comment before. Using a link with a target. Done
Thank’s, so we want to change HTML Tag (target=”_self” to target =”_parent” of a class ) to be opend in parent page, this is possible with IFrame ? or should we use custom code ?
Not sure what you mean. target=”_parent” open links in the parent. I thought you want to open the link in the iframe? The you need to use target=”id of the iframe”.
Best regards, Michael
I mean that the site that appears at IFrame, is it possible to make the links of this site open in the parent ? (if we click on any link on IFrame will leave frame and open it in parent page)
This is also possible. For this you need to modify the targets in the iframe. If you can add Javascript to the page in the iframe my plugin can do this as well.
See: https://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/change-links-targets
Best regards, Michael
This is great it can e y class selector ? for ex : only links with X class will be target=”_parent ” ?
Yes. Any jQuery selector is supported.
Where can I find the change log for the new version? Could you always make sure to update http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-history or a similar page when you push changes?
Not sure what you mean. The changes are there listed already since 2 days. (by TinyWebGallery 2 days ago (14 May @ 09:09)) Also the included readme.txt (Wordpress default) has them as well.
Best regards, Michael
Just replaced the plugin on another website – worked fine then on another and it didnt – same problem as in my dev site, the iframe gets cut of but in this case no error in console. Installed 2021.9 again…
Both are production sites – dont know what happens here…
Maybe you hit one of the settings I have a fix in my latest version. I will upload my plugin today. Maybe this fixes your issue.
Best regards, Michael
i already changed back to 2021.9 and did not check the log. Yes i changed one of the settings after updating to the 2021.9 version. I changed following settings:
“Resize iframe to content height” set to yes “Resize delay” set to 500
The resize delay was causing an issue in 2022.3 – this is now fixed in 2022.4.
ill try it later on – thx for the hardt work. But i would how to get the height from the cookie play around a bit – i have a form inside my iframe where parts getting added with ajax… If i have the initial dynamic height from the cookie i can calculate the new height including the new added elements and so on. Its a search form where the result / added elements change in amount so it would help me to know how i can do it… And also i like to have more ways to fix issues. Hope this makes it clear. TXH
The cookie value is only to have a good initial size the 2nd time you go there. Nothing more.
You don’t need to do any calculation by yourself. This is done by the plugin already. http://www.tinywebgallery.com/blog/advanced-iframe-resize-to-content-summary is an overview about resize Here a checklist how to find config issues: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-checklist And http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/resize-on-element-resize is a working example.Or do you have a special case that is not covered here? At “Resize on element resize” you define normally one of the outer elements which does change if the content inside does change. in your case maybe the form.
Best regards, Michael
e.g. on my demo
resize_on_element_resize=”#content” resize_on_element_resize_delay=”100”
is the setting for my page where #content means there is an element with id=”content”
Best regards, Michael
Hi – ok i checked it looks good to me ill try it. But a hint to get the cookie from the storage would be great. In my case i would caclulate the size on the ajax request so its faster then your demo and this make things smoother.
Still I don’t think the cookie does not make sense for you. You can get the current height directly. And resizing after an ajax request is actually also implemented. In the pro version it is not in the administration anymore as “resize to element resize” is much easier to setup.
resize_on_ajax=”“
If you like that the iframe is resized after each AJAX event in the iframe please enter a number here. Otherwise leave this field empty. The number is the timeout in milliseconds until the resize is called. This setting intercepts the AJAX call after the callback was executed. So for many pages 0 should work fine. But if you have e.g. a slide down effect you should add the time here to get the full height. Currently only jQuery and direct XMLHttpRequest are supported as AJAX calls on the included page! See the “AJAX events are jQuery” setting. This setting does only work on the SAME domain by default. If you like to get this working across different domains use the “Resize on Element resize” feature of the pro version. Shortcode attribute: resize_on_ajax=”“
AJAX events are jQuery: Currently only direct XMLHttpRequest and jQuery AJAX call can be intercepted. Please select true = jQuery, false = XMLHttpRequest. Shortcode attribute: resize_on_ajax_jquery=”true” or resize_on_ajax_jquery=”false
Best regards, Michael
Please read my answer above too Regarding the admin setting i updated the plugin to the latest version and now getting:
Advanced iframe configuration error: You have enabled the resize of the iframe for pages on the same domain. But you use an iframe page on a different domain. You need to use the external workaround like described in the settings. Also check the next log. There the browser message for this error is displayed.
BUT Thats not the case – website and iframe are on the same domain. Worked fine with 2021.9
The iframe no longer works…. The setting is empty – no cache issues… Thanks God i only updated a developement site
This feature has not changes since then. What is the log after that where the browser error is shown.
Best regards, Michael
Hi, inside the iframe html im loading some form elements with ajax now where the height changes. How can i adjust the height of the iframe after click on the submit button or ajax call?
You are looking for “resize on element resize” feature. See: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/resize-on-element-resize for a working demo.
Best regards, Michael
Hi – thx.
1. The setting for resize on element resize is a text input field and nothing works here – error in console. i tried to set the interval in ms eg 100
Advanced iframe configuration error: The configuration of “resize_on_element_resize” is invalid. The specified element “1” could not be found or accessed. Please check your configuration.
2. How can i recieve the height from the cookie to use it in my ajax complete function? Example to get it in javascript inline?
3. Which of these both ways are more reliable and performent in your opinion?
thx
Hi,
1. You have to define an element outside which is resizing. “1” seems not to be a proper id. Can you share the URL so I can take a look.
2. Not sure what you mean here.
3. resize_on_element_resize is normally the easiest to setup. Define the proper id / class and then it should work. See my examples.
Best regards, Michael
1. I was not aware that i have to set a id – maybe a hint above or below the input field would be fine. Ill try – of course 1 was not an id..
2. There is another way “Store height in cookie”. so i can get the height of the iframe from the cookie storage. So my question was how can i try tis way too? Im aware of php and a bit js – so im looking for a code solution NOT a Shortcode attribute
3. i will try this
1. Not sure what you mean. At the input field in the administration is the following doku “With this setting you are able to detect if the size of an element changes. If this is the case than the iframe is resized. This can be on click, by an Ajax call, typing with the keyboard where a menu opens, a timer …. So actually any change of the size. The big advantage is that this feature is most of the time easier to configure than the options before and also more powerful. But it has the disadvantage that the change of the size is not send by an event but the defined elements are checked in a fix interval (see below). So e.g. every 100ms a certain div is checked and if the size has changed the iframe is resized. If you only specify “body” then the iframe does enlarge nicely but does not get smaller anymore. The best way to configure this is to use the outermost element where the change can happen. Please see example 26 for a working example. This feature does also trigger all css/js modifications inside the iframe again! You can use the jQuery syntax to specify the elements. Most likely the outermost div (e.g. #main, #page, #wrap) is the one you need. This feature is also available in the external workaround! There you can try #ai_wrapper_div as this very often is rendered by the ai_external.js. This feature replaces “Resize on click events” and “Resize on AJAX events” from the free version as it is more powerful and easier to configure. Shortcode attribute: resize_on_element_resize=”””
Is this not enough?
Also see the examples I have sent you.
2. Store height is cookie is only a default for the first time the iframe is loaded. Normally is is enough to set a good default size.
Main domain is: xxx.yyy.com.au
External domain is: zzz.com.au
I have embedded the form (webpage) from the external domain. I am having issues to automate the height of the form without the scroll bar. I want the right hand side solution as in the below image:
you have to use the external workaround like described here:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-with-post-message#e51.Best regards, Michael
hi, I have new question. For security reason, my X-Frame-Options set to on. My iframe content is my sub-domain
For free-iframe-checker Header X-Frame-Options found. The header is set to SAMEORIGIN. You are on a different domain and therefore this page can NOT be included. The url is redirected to …(http status: 200)!
How to pass the X-frame option in sub-domain iframe only?
You do not need to pass anything. If you are on the same domain this works out of the box. Which iframe checker you talk about? https://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker ? This is on a different domain. So simply try.
Check the Javascript console if you do your setup. There you also see messages if you have any issues…
Yes, I used the free iframe checker on above link. The JS console showed that Header X-Frame-Options found. The header is set to SAMEORIGIN. You are on a different domain and therefore this page can NOT be included. l: LOG: “Advanced iframe: document.ready called”.
I guess it related to “different domain” problem. I had read the blog text tutorial and guide on iframe admin panel. However, it seems not work. Any video tutorial can be provide via email?
Main domain: sample.com subdomain: A.sample.com Showed the subdomain as iframe (A.sample.com) in my main site (sample.com) But I need to set the X-Frame-Options. It blocked the connection between sample.com and A.sample.com
if you use the link above it only shows you the current status when you would include the iframe to tinywebgallery.com.
So have you tried to include the iframe? What happens? is it shown or not?
There are 2 things: 1. showing the iframe at all = X-Frame-Options. 2. having access to the other domain = sub domain restrictions!
I don’t know where your problems/errors are. The iframe checker is only a indicator. Simply try and check your browser Javascript console. I don’t know which blog text tutorial you referring to. There are a lot.
So you might simply share a link where you have your setup.
Best regards, Michael
I can’t write in the support forum; it doesn’t accept my password. I tried to change it but it doesn´t work.
My problem is that I can only see the iFrame on desktop, not on the cell phone.
It is a pdf from another site
Is the pdf shown at all in a cell phone? Not sure it is supported there.
What you can do is to enable the internal debug console on the options tab and check if you get any errors in the Javascript console there. Otherwise you could use the browser detection and display maybe a direct link for this then.
Best regards, Michael
helle where i can find Purchase code to activate my ifram plugin ?
At the place where you downloaded the plugin.
tank you i find it. its not work for me. i put [advanced_iframe use_shortcode_attributes_only=”true” src=”https://mydomain.store/” width=”100%” height=”600”] if new page but not work
for test i put home page url https://mydomain.store/ f new page but not work
i check in https://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker - Result The page does exist and no X-Frame-Options header was found. But there can still be a iframe blocker script on this page. Please see below. - Check if a frame killer script ifram work in Check if a frame killer script but not work im my web site
And please provide more details here. Like Javascript errors in the console.
Checking: https://mydomain.store/
Result The page does exist and no X-Frame-Options header was found. But there can still be a iframe blocker script on this page. Please see below. Show the full header
Header for: https://mydomain.store/ HTTP/2 200 content-type: text/html; charset=UTF-8 p3p: CP=”ALL DSP NID CURa ADMa DEVa HISa OTPa OUR NOR NAV DEM” link: ; rel=”https://api.w.org/” etag: “112-1648710771;;;” x-litespeed-cache: hit date: Thu, 31 Mar 2022 09:25:44 GMT server: LiteSpeed x-turbo-charged-by: LiteSpeed
Check frame killer script https://mydomain.store/ work in coorectly in iframe window i put https://mydomain.store/ in new page editor : [advanced_iframe src=”https://mydomain.store/” width=”100%” height=”600”] and i publish i check consol in chrom Force a full reload (win: ctrl + F5) and clean the browser cache i get : [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://mydomain.store/wp-content/plugins/litespeed-cache/assets/css/fonts/litespeedfont.ttf?rs8ttqGET https://mydomain.store/favicon.ico 404
i test in firefox it same not work
Please define – “it does not work” – what do you see in the browser console by pressing F12?
sorry for my bad english:
“it does not work” = doesnt workIn browser console :
[Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://mydomain.store/wp-content/plugins/litespeed-cache/assets/css/fonts/litespeedfont.ttf?rs8ttqWhat does not work? It is not shown at all? what happens if you check the iframe killer script button? Is there something shown?
It is not shown at all?:
-yes It is not shown
what happens if you check the iframe killer script button? Is there something shown?: - its Works: show home page of my website Corectly wthi
Can you simply share the page where you have the problem? Then I can take a look. you can also sent it to me directly at: https://codecanyon.net/user/mdempfle
What’s on the latest update? There are no entries here http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-history
Hi, I updated the page. Please check again.
Thanks!
we are using plugin and install correctly but getting a “refused to connect” from the url we want to embed. We have full access to url we want to embed and we both have https can you tell us some things to look at in url code to allow connection. thanks
Please see here: https://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker – This might tell you what is your problem.
Also press F12 to see the console log. There also more details are reported.
Best regards, Michael
it shows no xframe headers and no dont see a iframe blocker script, so problem still exists
solved it thanks
Hi, A month ago , I was tested done(Auto sizing:height and Using external link). Suddenly the iframe don’t run. As below, I checked that css code is included..
.errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#dwitCross3 {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-dwitCross3 p {height:100%;margin:0;padding:0}.ai-lazy-load-dwitCross3 { width: 100%; height: not set; padding: 0; margin: 0; }#dwitCross3 { visibility:hidden; }
Short code I used is here. [advanced_iframe securitykey=”your key” use_shortcode_attributes_only=”true” src=”http://dwit.wooripage.net/BBS/msList.php?tId=jobConsult” id=”dwitCross3” height=“auto” width=”100%” scrolling=”no” enable_lazy_load=”true” hide_page_until_loaded_external=”true”]
What’s the problem? I am also using with All in one seo.
console massage : Advanced iframe: Deprecated feature. Please use for the loading of a config which depends on an url parameter the config switcher template (ai_config_switcher_template.js) and include it directly into ai_external.js. This saves 2 additional requests where the config and ai_external.js is loaded again!
The css is normal. As the plugin needs to render dynamic css this is done inline. So you will always see this.
Do you have a url I can take a look? And can you please give more details about the error “don’t run” can be a lot.
About the console – this is correct. It seems the way you include the configuration is one of the old ways. There is now a much better one. You simply include the config file directly in the administration and it will be part of ai_external.js.
Do you have any other messages in the console?
Best regards, Michael
When I remove “enable_lazy_load=”true”” In short code, Ifame showed. Not auto height showing but static height showing…. During one month, I never access any code and any button in admin page.
None of console massge regarding your plugin. Please check this url.
http://www.dwit.or.kr/employment-support-center/status/ <iframe id=”_dwitCross7”>As I don’t have permission on the external domain, I’ll have to ask to change file path. If i should change file path, Tell me which file i would link.
Hi,
I see as error: Failed to load resource: the server responded with a status of 404 (Not Found) -> http://www.tinywebgallery.com/blog/wp-content/plugins/advanced-iframe-custom/ai_external_config_dwitCross7.js This in MY domain. Seems you have set the main path wrong.
so for me it seems the config file is not there! So nothing is really working
You include MINE
http://www.tinywebgallery.com/blog/wp-content/plugins/advanced-iframe/js/ai_external.js?config_id=dwitCross7ai_external.js! you need to include YOURS! please check the external workaround tab and follow the 1:1 instructions. There is also the complet link to your Javascript file. The solution you had was never working imo as you where using my settings which are for sure not working for you.
Best regards, Michael
You seem to be publishing an update every other day. How can we know that the current version is stable??
We also got an email from WPEngine saying the plugin had a vulnerability.
Please focus on stability here. We are not looking for more features, but something that just works.
This was only because of a new feature which had a problem with the seo tools where I have not had this combination on my test systems. This is now fixed. And the release was mainly because of the vulnerability. This is also closed now.
I have already a feedback by ” iThemes Security” plugin which cleared this warning. I you still get anything please send me a link with details. I will then also take a look at it asap.
it is also already mentioned as fixed here: https://wpscan.com/vulnerability/0529261d-65e1-4c64-b8ed-ecb7356d9067
Thank you for clarifying, as well as for taking care of this fix
HI. This is a pre-purchase question. I have a client who has 2 sites, site A & B. He is asking me to iframe site A (I don’t know this was built using WP or not) in site B (I built this using WP). I have no whatsoever control of site A. I only have control of site B. My question, is it possible to redirect the iframe when visitors click links in the iframe to the preferred page (in site B ) my client want? Thanks.
Hi, You can make the iframe readonly and put a link on this extra layer if you like. Please see example 8 and 21 here: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe#e21
Best regards, Michael
Hi. Thanks for your swift response. Can I ask for your email address? I have private questions to ask.
Please contact me here: https://codecanyon.net/user/mdempfle
Hi. I already sent you a question via above-mentioned link.
