Code

Discussion on Advanced iFrame Pro

Discussion on Advanced iFrame Pro

Cart 11,431 sales

mdempfle supports this item

Supported

This author's response time can be up to 1 business day.

872 comments found.

Hello ;-)

I want to buy your script…

I’m not sure to understanding.

If I have ad external site to put in a iFrame can I use my own CSS style locally on wordpress and NOT the original one on source site?

Waiting for your advice…

Best

NO. Because it is not YOUR site! You can only do something like this if you are able to modify this site.

I am testing the free version to pull in a coldfusion form. I can submit the form with no problems, but the form directs the user to a thank you page. Unfortunately that page is iframing in the full site (header, thank you page, footer) within the iframe area. With pro is there a way around this?

Are you one the same domain? The pro version gives you the ability to cut out a window. Please see the last entry here: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-faq In the image you see the additional settings in the pro version. there you can build a small workflow with different viewports. But here is never an optimal solution because the good case can be covered but the in case of an error you also get the new viewport.

No, we are not on the same domain.

Than read the section I offer in the pro version and decide if this is a way you could go. As I sad. If you are not on the same domain you have restrictions which you have to deal with…

Hello, I am trying to embed two excel documents which have been converted to an interactive linked Acrobat PDF for a WordPress 3.7.

Process: upload the two separate PDF files into the Media library.

Copy the url for the files.

Using shortcode, embed the pdfs into the WordPress Post.

Question: I would like the tool buttons (print, download) to disappear.

Why? Because the client does not want the file to be downloadable or printable. Is this even possible? Thanks for your advice!

Is that possible? And if so, how?

Thank you.

Thank you. I just bought the license…but don’t know what I’m doing wrong. I placed

.toolbar

in the following:

>>Show only a part of the iframe Hide elements in iframe: .toolbar

Save.

Review. Nothing happens. I’m sure I’m missing something. M

P.S. This is what I’d like to make disappear: All the elements in the following div: #toolbarViewerRight

display: none;

But it won’t work in CSS. I’d like to make the printer icon, the download icon button and the open in a new window/copy button ALL DISAPPEAR.

As you can see, it’s still there: http://pacificfreedomfoundation.org/oregon-state-legislator-voted-healthcare-state-representatives/

Can you also try with #toolbarViewer? Maybe jquery has a problem with the class here. If it does not work. Can you send me the pdf? Simply contact my by e-mail. http://www.tinywebgallery.com/en/about.php

Check the e-mails you sent you. the browser do not handle your pdf the same way. Firefox uses the html but does not fire onload events. this could be solved with a custom version. But chrome does only include the pdf itself and there the normal pdf elements are shown as overlay which is browser specific which aou cannot change. So for a cross browser solution you need to have another input of the iframe.

Hi!

This is a pre-sale question. Sorry, I couldn’t catch the answer from the plugin explanations. Here is what I am asking… Let’s say I have a website built on Wordpress. I have many user profiles because it is user driven. Every user can put content in as custom post types. The users have whatever HTML websites somewhere else and with their individual domain names.

Can I use your plugin to generate iframe, which the user can paste into the code of their websites, so it can show the user posts from our website there?

Thanks!

No, The plugin is designed to work on your site and display content the optimal way on your site. Not on other users sites. You can provide a simple iframe template where you only insert the src which your users than have to use.

Thanks for the prompt response!

MDEMPFLE! Please help me – I’ve spent the past 2 hours of my evening trying to sort this and I just cannot work out what I’m doing wrong. I’m currently using the free version to see if I can get it to work and I can only promise I’ll buy the premium one if you can help me work out why the cross-domain iframe isnt resizing correctly… I have applied the correct var domain edit in the JS file and added the call on the page for the script (on it’s own and also tried in several places), but the frame is still tiny!

The domain is here:

http://dev.kre8server.co.uk/tax-guides/capital-allowances/

I normally just buy and try with plugins, but I’ve already tried purchasing 2 other plugins which also haven’t worked, so wary to throw another $15 away without it working!

Thanks a lot,

James

Found the problem. IE 7 and 8 where not supporting the Javascript function trim and how I set a style. I have now defined this function and the style does also work with all browsers. I will include this fix in the next version of ai pro.

Hello Michael – thanks for getting back to me. I’m glad you’ve found the issue. In terms of the fix, I would really appreciate it if you could send across to be pre-update as the site is going to be pretty high traffic and on I.E it’s throwing up Javascript errors left right and center! My email is info@kre8designs.co.uk :)

Kind regards,

James

No problem. I have to make a build first because there are really massive changes in the workaround. You can now also modify css by configuration. Hope I have time to do this on the weekend.

Hi, After updating to 3.7, I see this error showing up in the admin backend. Attempt to modify property of non-object in /home/mysite/public_html/wp-content/plugins/advanced-iframe/advanced-iframe.php on line 746

Hi, Seems they have changed this from version 3.6 to 3.7. I make the next version of ai pro wordpress 3.7 ready. Codecanyon will take a few days until it is online. If you like send me an e-mail directly and I send you an updated version of this file.

Continue from above…Also please make a diagram on a webpage with inframe box and show the x and y on this diagram. I am very confused about this so if you do diagram or picture with arrows showing the x and y which would be much better and it will help other members to use the “Show only a part of the iframe” option.

I’m currently setting up an example page where you can see this feature. You have to think of this feature like a window you place above the iframe. And there you specify the upper left corner (distance from the left (x) and distance from the top (y)) and also the height and width of this window.

Hi,

I looked in the instructions but still not able to achieve what I wanted. I would like the iframe to show the area around the translation box including the translate button on this site here. http://www.spanishdict.com/ Please tell me how. Thanks

you need to use the “Show only a part of the iframe” option. See my answer below.

can this plugin adjust both height and with automatically? (100% of containing element/div).

sometimes there’s much content, sometimes there’s not much content, I want to avoid iframe scroll bars, default browser scrollbar is fine.

yes. Please read the quick start guide. If you are on different domains you need to use the workaround which means you need to have access to the iframe page.

that means that if on different domains, i can only iframe content where i have write access, I cannot iframe another person’s page?

you can iframe other peoples page if they don’t have a specific header set (Please check with my free iframe checker). But if you want to resize the iframe to a dynamic height/width on a different domain you need to incude some Javascript there.

Hi , I have little issue : when I using iFrame Pro my footer disappear . Any advice ?

thanks Denis

You need to write more details. Do you have an url where I can see this? Best, Michael

Im sorry ! It was my stupid mistake : I put code ”#footer” into Hide elements option ! regards

So you now at least know that this feature works fine ;).

Pre-Sales question:

I’m trying to style a form on another website (lead capture form), and can’t see how to do this—is it possible, or can you only style iframe content from the same domain?

Thanks!

This is not possible. you can only modify content from the same site. See the documentation in the settings of the plugin.

I assumed that was the case—thanks for the reply.

Hi mdempfle, First of all I want to thank you for that great plugin. We have tested it successfully in our website. Before launching our website, we would like to buy your plugin. I would please request you to answer my questions beforehand.

We have a website that is split to 4 languages – we have separate WP instances for these 4 languages. Also we have 2 environments, TEST and LIVE.

If we would buy the plugin, can we use the bought version in all the 8 instances?

Thanks for your support.

Einen schönen Tag wünscht Ihnen, autointegration

If you stick to the license this is not problem. Different languages and a test system is still a single system for me. Feel free to vote for the plugin if you are happy with it.

Hi, i just maked the test for iframe and it is ok. I use this page: www.seriska.net/mobile and i need to load in iframe this page: www.seriska.net/website/bookingreservations Both of website use wordpress, in real i need just lo load the content of the page of www.seriska.net/website/bookingreservations without the header and sidebar. Just the content. Please help me

http://www.seriska.net/website/bookingreservations is not responsive! is has a fixed width of 960px! It is only shown on you mobile phone because it does resize the page automatically. Inside an iframe this is not possible because mobile browsers can only resize whole page and not a part of it. Test with a desktop browser and make it smaller. Then you get scrollbars. You either have to make your reservation page really responsive or at least remove all the fixed values. Overwriting the fixed values can be done with the plugin but you have to find all the elements where the css has to be changed.

Hi, i solve change some style.cssm Thanks a lot for your support. Yor plugin function perfect. Best

Great. Feel free to vote for the plugin.

Hi, i buy your plugin. I need to show only a part of oframe. I follow all the instruction but when i set from the admin use Show only part of the iframe and other setting, the page do not show nothing. I try all, i do not understand what i wrong. The domain is the same. I have tis website: www.test.com/mobile and i need to show a part of iframe from: www.test.com/website/page

Please help me, i buy the plugin for this reason

Thank you

What have you set? If you are on the same domain you have actually many options. You can even hide the header by modifying the css. Have you tried the free iframe checker: http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker. Do you maybe try to include a https site into a http page?

Hi, i just maked the test for iframe and it is ok. I use this page: www.seriska.net/mobile and i need to load in iframe this page: www.seriska.net/website/bookingreservations Both of website use wordpress, in real i need just lo load the content of the page of www.seriska.net/website/bookingreservations without the header and sidebar. Just the content. Please help me

Double post. Please check my answer on your other post.

I have upgraded to pro and still get this message:

You reached the view limit for this month. Please get the advanced iframe pro version. Go to the administration for details.

Please help.

Got it. That automatic update in WP is working against this plugin.

Sorry for this. I have already disabled the update warning in the plugin but this only works when this is active. I always send a new version to codecanyon first and when it is approved I upload the free version at wordpress. Wordpress does unfortunately remove all the files and replaces them. So if you have the issue again simply get the version from codecanyon again.

I installed Advanced iFrame Pro today and most everything is working fine. I have bumped in to one issue. I am trying to embed a text file from Pastebin. The iFrame is:

<iframe src="http://pastebin.com/embed_iframe.php?i=R2Q8UA9Y" style="border:none;width:100%"></iframe>

I added it to my page using the following:

[advanced_iframe securitykey="1234567890" src="http://pastebin.com/embed_js.php?i=R2Q8UA9Y"]

The iFrame shows up properly, but there is a “document.write(” that shows up at the begining and a “);” that shows up at the end that should not be there. You can see it on my live site here:

http://edutainmentlive.com/itprotv/test/

Do you have any idea how I can remove that?

Thanks,

Don

This is correct. The document.write is in the page you want to include. Simply call http://pastebin.com/embed_js.php?i=R2Q8UA9Y directly and you see. The solution is to contact the owner of the page you want to include an fix this issue.

I’m surprised my non-profit site got over 10K visitors and its only the 19th. Wow. Last I checked analytics I recall it being in the ~1,300 range.

Anyway I just purchased the pro version. It seems I need to first uninstall the free version and then install the pro version. If so I’ll lose my current settings so I think I’m missing something.

I’ve downloaded the zip file. What is the correct process to upgrade from free to pro?

One issue could be that if you don’t have any pageviews in the first 2 days of a month the counter does not get reseted. But I thought that someone who has not his for 2 days does not have any problem with the limit.

Weekends have lower site traffic. In USA Sept 2 was a national holiday (Labor Day). That could explain extra low views because of a 3-day weekend. Just checked and confirmed Sept 1-2 had 52 visits, 47 uniques, 100 page views. I installed the free version around Aug 19-22 (best guess).

But 1 view should reset it. I’ll check if this is properly working. Thanks for the feedback.

Greetings, I’m using your plugin to display content from this site: http://www.hrdigitaltower.com/#-col1

The issue I’m having is that the iFrame needs to be restricted to some sort of landscape size, otherwise the site being embedded shows an error message.

The site where I’m embedding the content is a responsive design, so I need to be able to force the iFrame container to be responsive, but keep a landscape orientation (wider than it is tall). I’m sure there’s a way to do that, I’m just not sure how. Can you advise?

Thanks!

But seems like the website simply act likes this. So which feature do you use? You simply include the website with a certain height/width? And you want the website horizontal but when you use it with ie this “rotation screen” is shown. What might work is that you use the onload event to make the iframe higher dynamically.

It’s definitely tricky. The website I’m trying to embed is not mine (it’s a supplier site), and yes, it does give the annoying “turn your tablet” message any time the page/frame containing it is taller than it is wide. So, I’m trying to achieve two goals at once - 1) Allow the iframe to resize based on the space available in my theme to contain it, and 2) Prevent the iframe from ever being taller than it is wide (to avoid that message)

And, I’d also like to ensure that the iframe appears the same across browsers. As you pointed out, it’s restricted to a much smaller height in Internet Explorer than it is in Chrome or Firefox.

1. The frame would resize if you give it widht/height in % but than you also have to make sure that the area you include the iframe is able to have a dynamic height regarding the browser size. And this is not the case for most layouts! So most of the time a fixed height is the best solution. 2. The “turn the tablet” is nothing related to the iframe because this happens outside also. Another problem is that resizing the iframe dynamically does not help because resizing the iframe page seems to call this check again and you get this message. So you need to include it at least as square.

They implemented different solutions for different browsers (Or their solution only works for IE).

You can only show a part if the iframe by cutting away the navigation. But for me it seems you want the whole iframe.

Thanks for the response, but I am confused.

Even after looking at the instructions, I’m trying to determine where this script goes:

<script src=”http://WP-DOMAIN.com/wp-content/plugins/advanced-iframe/js/ai_external.js”></script>

I originally put in on the page IN MY OWN WP SITE with no results. There is no file called ai_external.js in the plugin folder itself. And, when I put that URL into my browser window, I get a 404.

Then, you wrote: “it needs to be included in the external page”

So, please help me out. The instructions and your response are unclear, and I’m keeping my fingers crossed that this will work with the additional script code added to my own page.

Working great (now that I’ve realized that I have to put a space in a field in order to clear it out), but I have a question

When I activate “Show only a part of the iframe” and choose an x and y amount, the scroll bars are moved that amount, too, and so the top scroll bar disappears too.

Is there a workaround?

ai_external is generated and if this is not possible you have to create it like described in the documentation. But as it seems this is not what you looking for. Show only a part of the iframe does show a part of an iframe. You define the upper left corner you want to show and the height and the width you want to show. I actually don’t understand what you mean with the scrollbars. Because you first define how big the iframe is. And then which part of this iframe you want to show. There are only scrollbars if you show a part of the iframe where the scrollbars in the iframe are. And normally you make the iframe so big that you don’t have any scrollbars there. Also be aware that not all of the different sections of the plugin can be used together. e.g. Show only a part of the iframe and auto-size the height don’t make sense.

are your questions now answered?

I entered the correct domain for my WordPress site in the ai_external.template.js, however, that file is not appearing when it should:

http://WP-DOMAIN.com/wp-content/plugins/advanced-iframe/js/ai_external.js

Here is the code in my page:

<script src=”http://WP-DOMAIN.com/wp-content/plugins/advanced-iframe/js/ai_external.js”></script>

[advanced_iframe securitykey=”MY CODE” src=”http://EXTERNAL-PAGE” onload_show_element_only=”#content”]

Am I missing something?

where is <script src=”http://WP-DOMAIN.com/wp-content/plugins/advanced-iframe/js/ai_external.js”></script>? it needs to be included in the external page. And is the ai_external.js not generated with the right domain name? Because for most installs this works without the need to change ai_external.template.js

Thank you. I understand now. I thought the script had to be on our own WP domain page. Therefore, I now believe I cannot select a portion of an page on an external domain without having access to that page. If correct, then the language on your Pro page is unclear.

No – you are using the feature to resize an iframe to the height of the content. To include a part of an iframe see: Please see the screenshot of the last FAQ here http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-faq There you can see how this feature can be configured. This is the “Show only a part of an external page” feature.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey