872 comments found.
I try to hide a header and footer part of the embedded website, but I get this ERROR: hide part of iframe does not have the requeired 6 parameters
I use these settings
[advanced_iframe securitykey="key" src="URL" id="advanced_iframe" height="100%" width="100%" scrolling="no" hide_part_of_iframe="ugf-header,ugf-footer"]
And I put this in in the header and footer part of the website:
<div id="ugf-header">
...code...
</div>
<div id="ugf-footer">
...code...
</div>
Are you sure you want to use this feature? There you place a div over a defined area. Read the documentation for this attribute. Are you on the same domain or can use the external workaround? Then you have much better ways to hide something. And if you want to show only the content part you can use the area selector for this.
and height 100% is not a good idea. Because 100% does not mean browser height. It means 100% of the element the iframe is in.
as you can modify the other page you can use iframe_hide_elements
I understand iframe_hide_elements is for hiding elements on the parent page. I want to hide parts of the embedded website. Is there a better way?
The area selector is I think impossible for the footer part of the embedded webite, or not?
Is the 8 page pdf all the documentation or am I missing something?
iframe_hide_elements is for the iframe page. For the parent page hide_elements is used. The 8 page documentation is only an overview and a summary. The documentation is in the plugin itself at Settings -> Advanced iframe pro. There every parameter is explained.
How do I force requests to the original http://uitgeweest/forum.php to go to the embedded http://uitgeweest/forum/ ?
You would need a small Javascript in http://uitgeweest/forum.php which does a redirect if you are not inside an iframe.
if (window==window.top) { /* I’m NOT in a frame! */ window.location.href=”http://uitgeweest/forum/”; }
Best, Michael
Thanks Michael, it works now with a similar script.
But how can I make direct links to fi: http://uitgeweest.nl/showthread.php?313-Jeff-Soloand still show it embedded?
I don’t understand what you mean.
The mentioned link is shown outside Wordpress. I want to show the link content inside Wordpress, in the iframe.
you mean you want also a redirect to the embedded version if someone calls this directly? Than use the same Javascript. This should not be wordpress releated.
Getting a vBulletin Forum to work embedded in Wordpress with iFrames is causing too many problems passing URL’s, specially the direct links visitors already have. Javascripts can be used to solve this but things get really slow and jumpy so I am stuck here and give up on this plugin for this purpose. Anyway, thanks for your support!
For direct links with parameters you would have to redirect them with all the parameters and also define them as forward parameters in the plugin.
Oh I see…I would like to place this webpage into my wordpress page minus the header and that annoying extra scrollbar:)
If I understand this right than the “Show only a part of an iframe” feature from the pro version is exactly what you need. See the pro demo http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo for a couple of examples.
Best, Michael
Hi, I’m having a problem hiding my vertical scroll bar…I’ve tried many suggestions but everything that I try is not working eg. iframe scrolling=”no”...so I’m not sure what to do. The vertical scroll bar that I want to hide will be part of an external link. If I purchase this will it hide the vertical scroll bar? The website that I’m working with is: http://tonightnews.ca/top-stories
I first want to know what you want to archive. Because the scrollbar there is not coming from an iframe but a scrollable div! the pro version can cut out ares out of another webpage. But to give you a correct answer I have to know what you want to show. Best, Michael
It is fully responsive, please try resizing your browser.
Your layout is. but http://www.baywx.com.au/ not…
OK, so is it possible to make this responsive?
If it isn’t how do I add scroll bars so that viewed on a small screen the iframe can still be scrolled?
set the width of the iframe to e.g. a percentage and enable the scrollbars in the iframe. or you set the width in your media queries (css)
you cannot make a remote page responsive… you would have to ask them to change this…
How do I make this page http://www.kiteword.kiterepublic.com.au/melbourne-weather-forecast/ responsive when viewed on an iphone for example?
for me it seems the page you want to include is not responsive. Have you checked this first? The iframe can be responsive if you use a width of 100%. But than your parent layout has to be responsive as well! As it seems your parent layout does use media queries. You can inclue styles for the iframe as well! But I still think that the page you want to include is not responsive…
Hallo Michael,
Ich habe dein Produkt gekauft und bin sehr, sehr zufrieden.
Hast du die Dokumentation auch auf Deutsch?
LG, Krassimir
Nein. Das plugin ist dafür vorgesehen (siehe language Ordner) aber übersetzt ist bis jetzt noch nichts. Dafür fehlt mir einfach die Zeit. Gruß, Michael
Hi I would asking before i purchase your pro
iam using your standard plug in now
can i add other domain http://www.homesbyjoeguli.com/ to my website that domain have header image that ugly and some content i would like put to our website . thank you
With the pro version you can cut out a windows out of an existing site. If you can define a fixed heigth you can remove the header of the other page. See the pro demo for some examples
Thanks for the quick answer , will purchase and this newbie will bother you for help and question latter lol Thank you
No problem. I also offer paid support…
Hi,
I am looking for something like “Open external links in iframe with website tabs”
Check this out as an example:
http://www.hellocoton.fr/to/HNkq#http://www.lucetteetsuzette.fr/2013/12/les-bases-du-tricot-by-suzette-le.htmlDo you have access to the page? All links would need a target=”_blank” which would have to be there already or added somehow. If you have access to this site this could be dynamically done by Javascript to enable this features only if the page is in an iframe.
Hi Michael
I would like to embed the navigation menu of another website (different URL and not mine) on my site and I figured the best way would be to use an iFrame.
What I want to happen is whenever a user clicks on one of the links in the iFrame I want that page to open as the parent page instead of opening in the iFrame.
From reading your examples I see that the parent page doesn’t actually know what happens in the iFrame. Does this mean that it is not possible for the link to open in the parent page?
I’m looking forward to hear from you.
Kind regards, Albert
No – only if the navigation links already have a target _top this would work.
Ok thanks for your reply.
Then finally, I would like to embed the “Add to Cart” button of another website in an iFrame but it doesn’t have a target _top.
I read the following from your example 3: “So if you know what does happen and you need a different area of the new page you can define this in advanced iframe pro by setting a new viewport.”
Does this also mean that if I know which URL the customer will be taken to after he clicks on the “Add to Cart” button, can I then define this URL in Advanced iFrame Pro so that the new page will open in the parent window?
yes. this works like this. The user presses the add cart button. Than a reload happens. This reload is redirected to a given url. Check the settings in the FAQ – There you see the configuration settings. http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-faq . check “open the window in a new iframe” AND Url that is opened after the last step. Important is that no url parameters do exist. But normally a cart works with an internal object…
Excellent. Thank you very much.
Hi Michael , Iam using your free plugin and i try to buy the pro one i have question can i add http://www.homesbyjoeguli.com that website to wp theme without out their header ? i try to put with the free plugin but the header show up. thanks
In the pro version you can cut a certain area out of the original page. Please see the pro demo for some examples http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo
Best, Michael
Are there any video tutorial on how to use? The documentation and the setting are to complicated
Which features do you want to use? Most of the time you only have to use one part of it to reach your goal. Have you also looked into the pdf that comes with the component? This gives a high level overview as well. I know hat some technical background is helpful and sometimes needed to use some settings. But there is no other way to do this because this features cannot be configured any other way. For the main pro feature I have added graphical area selector. A good start is the pro demo! there I have made several examples with the shortcodes you have to use.
I also offer paid support for this plugin. See details inside the plugin.
Best, Michael
Hi there,
I couldn’t figure out how to use “additional_js” parameter. Where can I read more about it?
Thanks
Have you read the documentation in the at settings -> Advanced iframe pro? You can simply include a Javascript file there.
all shortcode parameters are explained there.
I thought that was the case but maybe I am having a path issue. Gonna take a deeper look into it.
Thanks
Try to use the absolute url to the Javascript file.
Yep. I used an absolute url. Maybe I am missing something. I used iframe pro to hide the wordpress sidebar menu but #wpfooter and #wpcontent has a left margin of 170px that I am having a hard time to change to 0px.
I have answered to your e-mail.
Great tips through email! Thank you for the great support!
Hello again mdempfle 
The famous IE8 Javascript problem on autoresize i-frame plugin.
Browser Java messagge error: Access denied. Line: 13 Character: 3 Code: 0 URI: http://mysite.com/wp-content/plugins/advanced-iframe/js/ai.js
Any advice for solvig this particular issue only on IE8 browser?
Regards
Alessandro
This error should only happen on ie8? This seems to me that resize is enabled although you include an external domain! You should get this message on any browser. Have you disabled the resize option in the config for pages on the SAME domain?
Best, Michael
Hi there,
Quick question before purchase.
I am looking to have links for each product on my site. I would like them to open up in a new page, with my header/nav bar as well as an iframe underneath which is 100% width & height. (Bit confusing here’s an example of what I’m trying to achieve.)
http://www.yummly.com/recipe/external/_-cranberry-sauce-333178Can your plugin achieve this?
Jonathan
Best, Michael
What I am trying to do is load another domain e.g. ‘www.yahoo.com’ within a new tab in an iframe with my branding on the top. Is this possible?
you can do this but be aware of the limitations I have written in my last post. If the other page is not the same domain and you are not able to modify this page (insert a Javascript file) you cannot do 100% height because you simply don’t know the height. What you can do is to cut out certain areas out of the other page and display them inside your page. Please check http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo for examples And also check the quick start guide on the item details tab.
always be aware of the workflow also if you only show a part of the iframe! Because if the following pages need a different are you can only specify one of the possible options. Also see the demo!
Best, Michael
Hi. Hoping you can answer a quick question before purchase.
I have problems displaying iframes in ios safari and chrome. Before using your plugin and just using ’<iframe>’ tag the content I was trying to include was shown at full width which ran off the side of the screen, and full height which scrolled on and on. I was hoping your plugin could let me set a max height for the iframe (scrolling thereafter) and resize the content of the iframe to the available screen width. Right now it is not resizing in ios although it resizes perfectly in regular chrome and safari. You can see an example of my issue on a test site Click. Looking at this site in mobile ios results in odd behavior where the iframe shows full width of the screen which is exactly what I’d like but the body of the site gets pushed far to the left. The site I am trying to iframe in is not on my multisite.
If you think your plugin can help me achieve my goal I’ll purchase it but I would need some support. Thanks for answering my question.
Awesome! thanks for your quick response via email. I purchased your plugin and am looking forward to getting things working. Where should I concentrate my efforts for my particular problem?
I responded by e-mail? Did you also contacted me a different way? Because I don’t remember the problem you wrote above. OR have you written it differently in the e-mail you sent me?
Oops. That was someone responding to another post I made on another code Canyon Forum… oh well, I am the proud new owner of your plugin and I hope it does what I’d like. Basically if you look at www.thewanderingguru.com/conflict-test/sample-page you’ll see me attempting to add an iframe to a web site. My problem is with ios. If you look at this page on an iphone (not tested yet with ipad or other handheld device), you’ll notice the iframe fills out the available space nicely but the body of the site gets squeezed to the left side. I have no idea how to resolve this issue (cause trouble shooting ios takes a crystal ball) but I imagine it has something to do with the iframe and I’m wondering what can be done. Ideally, I would like to have the iframe take up the available space on the body of the web site and cut off after 700px of height and scroll thereafter while the rest of the body (including nav, header, etc) should also be 100% width across the page. The site I’m trying to iframe in is not owned by me. Any thoughts?
The problem is that I use android and therefore cannot reproduce this. Do you have a screenshot? Maybe you can fix something with changing the css of your site (which could be done with the plugin also…)
Could be the site but I’m trying this with a clean copy of 2011. This particular site on my network I use specifically for trouble shooting. I added a screenshot of what I’m seeing on my iphone to the site www.thewanderingguru.com/conflict-test/sample-page.Where it says “Introduction to Chords” is where the iframe begins. You can see the compression to the left that the rest of the site seems to suffer from in ios. I check it with Safari and Chrome and they both seem to have this issue. Not sure what to make of it or how much you could help since, again, troubleshooting this stuff is a nightmare cause it only shows up on the device and I’m not aware of an inspector that can tell me what is going on with the ios browsers.
so only the header is squezed…
Please disable the resize of the iframe. this does give a Javascript error because you are not on the same domain. All settings in this sections should be off. In a 2nd step you could split the upper and the lower part into 2 divs so that the both parts are not inside the same div anymore. This should not make any difference on desktop but in the iphone it could…
Actually everything from the header down through the nav and into the body is squeezed (everything up to the iframe itself. I made the changes you suggested by turning off everything under “Resize the iframe to the content height/width” I also added DIVs around the short code and added a bit of CSS styling to help matters but no joy in IOS. You can see my backend code for the sample-page posted on www.thewanderingguru.com/conflict-test/sample-page just so you can be sure I’m not doing anything odd. It would be awesome if someone would come up with a way to effectively trouble shoot ios like this.
your page has still an error “SyntaxError: syntax error maxWidth : , /confl…e-page/ (Zeile 51, Spalte 35)”
But this is not related to ai pro.
The div around the shortcode only does not help. I was thinking about all sections above but this would not fix the header issue. But try to set the div to 100% width and the iframe to float:left inside. Maybe ios than makes the header to the full screen again.
But as you already noted. Finding such stuff is a pain in the ..
Best, Michael
Hi ! Im using latest version Advanced iFrame Pro . Everything works fine !
Just have one small issue: - my WP theme has 2 fixed menu. iFrame with SWF file inside close up 1st fixed menu and mot close up 2nd fixed menu.
What can I do to prevent close up menu ? ( without swf file in iframe – all is OK )
thanks Denis
im sorry, this is not advanced iframe issue. need my wp theme to change.
Remember that you dynamically change elements on your theme as well with the plugin.
Best, Michael
Hi I would like to purchase your plugin, but I need to know if my requirements are possible: I have a wordpress site and want to iframe a supplier html site. The issue is that the landing page is a small form (maybe 400px tall, but them you get to a results page that is probable 3000 px tall. It is possible to setup the height to 100% (like the width) so the page will adapt to the new page size without scrolling bars?
Thanks
Luis
Is the form on the same domain? If not you can still use the pro version which shows only a viewport which can also change after a submit. But please look at the live demo. There I show this feature and also the limitation!
Best, Michael
Automatic resizing iFrame with content from other domain. The ultimate guide!
Hello! I only NEED to have automatic resize height/weight of iFrame inside my page on Wordpress.
I can’t modify anyway the source (external domain) including scrips or java link.
Using the checker no restriction on source and all is ok.
Please explain exactly Step-by-Step action to having a dinamical size iFrame from other domanin in my Wordpress page.
The source is: http://shop.euras.com/default.php?&g7=3123292N
The destination page (my iframe window to fill and resize automatically): http://www.ricambi-per-elettrodomestici.it/ricerca/
I’m waiting your support
Best
Alessandro ITALY
You can’t. See the quick start guide in the image details tab (your case is even printed in bold). If you are on a different domain AND you cannot insert any Javascript you are not able to get the height of the iframe content. You are only able to cut a certain section out of the iframe. Best Michael
I meant “item details” tab 
.
Hello! With the Javascript line in the body of source the heigh iframe size now is auto!!! Thanks!!!
The only last problem is two terrible vertical line that I must remove. These lines (right and left) are only visibile in IE 10 e IE11, other browser are ok.
Loook here with IE10 or IE11: http://www.ricambi-per-elettrodomestici.it/ricerca/Any advice to hide the vertical black line around iframe?
Best and again thanks for your support!
Alessandro
I have to install IE10 first – I let you know…
The border does not come from the iframe. They are in the page you want to include: http://shop.euras.com/default.php?&g7=3123292N
You should tell them that their site does not work 100% with ie10. The iframe can cut out a window. But then you need a fixed height.
Best, Michael
Hello mdempfle!
Your support is AMAZING! We give you 5 stars for this.
The very last problem is on iframe using IE8. The Java automatic resizing height is PERFECT on all browsers, BUT NOT on IE8.
With IE8 the iframe height still fixed and very small, also with Java correctly set.
http://www.ricambi-per-elettrodomestici.it/ricerca/ (the real content is about 1200px, on IE8 is show only 150px)I’m waiting for your.
Any idea for fixing this?
Best
Alessandro
Yes. Update to version 5 – it was just approved today. There ie 7 and 8 are also supported. Reason was a Javascript function which was not available on IE before 9.
Hi. Tested the today new version 5 with IE8 and problem still. We hope in a future 5.x version.
If you need we can have beta-testing for you for this particular problem with IE8 Javascript, feel free to ask about this. We hope to resolve also.
Thanks again
Can you test on http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo with your ie8. I have tested in ie8 mode and it works fine for me there. And your url would be helpfull. Maybe you have a problem not related to the plugin but something else which does not work with ie8. Best, Michael
Hi
Hope you can help. I’m quite confused by the FAQ
Maybe examples would help others like me
I’ve got a wordpress site, abc.com i want to create a page abc.com/justforyou
on that page, I actually want to show a page of another different webpage on a different domain xyz.com/otherpage
Can your f’ree plugin do this? If not, can pro plugin do this?
Also, when visitor is on abc.com/justforyou
I want to make sure that the user sees all of xyz.com/otherpage (as if they’re directly there) minus very bottom where it says copyright 2013
Can this be done?
Thanks!
Hi, More examples are on the way . e.g. http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo.
There I have started with some of the features available in the pro version. More are currently in progress.
1. Have you ready the quickstart guide? 2. Simply including is possible with any version (as long as you are on a personal site you don’t need the pro).
But if you want to remove the bottom AND you don’t have access to the other site you need the pro version. There you can cut out a “window”. See the link above. So if you know the size of the window you want to include you can do this. But always be aware that is is not possible to modify something inside the iframe! the “window” is only hiding stuff. also think about links inside the page you want to include! Because they go to other pages. Here the other settings in the pro version can help. I have not finished the demo completely. There I want also show the additional settings of this feature.
Best, Michael
Thanks for reply Michael
I’m happy to buy your pro version as your support is so good already. If I buy pro, can you please help me out with making sure it works on my site?
Better to support you the expert =)
Let me know and I’ll purchase immediately.
Thanks
Hi, have you checked if you are able to define a window size where the copyright is not shown anymore? Because you have do define a fix window. I have extended http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo. By another example. But the first one should already fit your needs. About support. Free support is available through this page. But I also offer paid support where I can support you. Please see here: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-support for details.
