de77.com

Hi, nice plugin… but I have a question, how do I remove the frame border?

Very useful plugin, How can I auto size the height? (remove the scroller)…Thanks.

Came here for the same issues mentioned above, glad to find such an easy solution. Thanks for the great plugin.

Try this example:
[iframe http://google.com 200 200]
If this works, it means the problem might be with the page you are trying to embed. Some websites are able to “jump out” of an iframe, so you can’t really embed them.
If the plugin doesn’t work then perhaps something is blocking it (some other plugin maybe) and the best way to find what is blocking it by disabling other plugins.
Some CSS styles might also hide iframe’s, so check if you have <iframe in your websites source (View->Source in your browser).

You can place it in any CSS file assigned to your template.
You can also write this on the same page you have the iframe:

But this is not the best practice.

Thanks for the plugin it works great and it is very easy to us. Is there a way to set the on load page to scroll to a position of the iframe. I want to load the page below the header in the Iframe.

Hi, thanks for this very useful plugin. Better than any of the alternatives I’ve come across.

Sadly, I’ve run into a problem. Internet Explorer doesn’t abide by the CSS border property like the other browsers so the frameborder is left behind when using border:0; and there’s no way to apply a frameborder property without hacking your plugin. It might be nice to have all iframes use frameborder=”0″ by default, so one can tap into CSS borders if they so choose to.

Thanks.

Thanks for the plugin. I had two issues that I finally figured out. After the the url automatically turns into a hyperlink when typing into the wysiwyg editor, the hyperlink had to be removed. The other issue was that I had to put two spaces between the url and the width, otherwise the width value was moved to the end of the url, the width picked up the height value and the height picked up the default value 300px. I hope sharing this will help.
Thanks.

Hey it looks that your plugin is generating wrong code
example:
[iframe http://www.dd-wrt.com/site/support/router-database 100% 200 40 60]

I think this should setup an iframe with this features:
width=100% (check this! its empty in the css and its changed to px instead of %)
height=200px
scroll to x=40, y=60

— this is the code generated:

function scro11me(f){f.contentWindow.scrollTo(200,40); }

At last, this plugin was just what I was looking for. Thank you very much for your time and for sharing!

Question: is there a way to have a visual frame around the iframe?

Thanks again and best regards,

SJL

Just landed on this place via Google lookup. I love it. This post change my perceptual experience and I am getting the RSS feeds. Cheers.

Iframe’s background color is the background color of page loaded inside of it. You need to change background color of loaded page.

OK, really, really new to Wordpress. I just loaded this so that I can put IFrames on my website. I want to load a link to Red Plum and Smart Source on my website and have been approved by both to do so, but don’t know how to do it. I have the promotional banners and URL to put into my site via an iframe but can’t figure out how to do this. Can you help me?

Can you show an example of the code being used with the scroll to x=# y=#

Here is my webpage and the iframe isn’t showing up centered.
http://shopwithshopper.com/houses-for-sale

I could have used iframe without this plugin but I thought this plugin could let me set what part of the embeded website I could show.

Wouldn’t it be great if you could drag the crosshairs over the part you want to show and it would capture that?

Thanks

You can just put an iframe somewhere in your template. You can also modify the dabatase with an sql query to add iframes to every post, but I really think you should just put an iframe in a template, not in a post.

Great writing style, reading this blog via RSS as well. thanks.

I really enjoy your plugin … I have created a Post that includes mention of it at:

http://many-roads.com/2010/04/18/gramps-wordpress-integration/

You can see it at work here:

http://many-roads.com/tng_genealogy/deyo-family-branch/
http://many-roads.com/tng_genealogy/senger-family-branch/

…mark

Thanks for a usefull little tool.

I wanted to have vertical (up and down) scrollbars but have left to right (horizontal) scrollbars disabled. In case anyone else is in a similar position, the CSS code to achieve this is here:

iframe {
overflow-x: hidden;
overflow-y: scroll;
}

This should work fine. Here’s an example I just tried:

[iframe#http://de77.com/?=2#100%#200#40#60]

Just replace all # to space.

You would need to hack the plugin to work this way. Perhaps adding something like this anywhere in embedder.php will solve the problem (but I haven’t tried):

add_filter(‘posts_fields’, ‘embedder_parse_iframe2′);

function embedder_parse_iframe2($arr)
{
foreach ($arr AS $a)
{
embedder_parse_iframe($a);
}
}

Hi,

Its this that causes the error

foreach ($arr AS $a)

hope this helps,

many thanks,

tom

That works !!! Thank you sooo much, I really appreciate your help. Its a wonderful plugin and fantastic support !!

Best wishes and thanks,

tom

I don’t really see why would anyone want to use this plugin in a theme files. If you can edit your theme files then just put there HTML code for an iframe.

Please try this:
[iframe ###.coveritlive.com/mobile.php/option=com_mobile/task=viewaltcast/altcast_code=d25cc28c21 200 300]

Replace in the above example ### with http://www

You can hide scrollbars not sidebars using CSS style:
overflow: hidden
You can set CSS styles on plugin’s settings page.

Hi – great plug in, does exactly what I need although my drop down menus are hidden behind it, is there any code I can use to send it behind them?

Example here:

http://www.clarksonevans.co.uk/wordpress/?page_id=417

Thanks

Hey folks –

After embedding this sucker in page ala [iframe http://de77.com 100% 200], the rendered page shows my OWN site inside the Iframe, along with a 404…any ideas what might be going on?

Hi There,

Is there anyway to add a name/id property so that I can target the frame in links?

Absolutely great plugin, I can imagine the moment when you had a “but someone MUST have done that” moment!

Thanks

Russell:
Seems like a problem with the address. Please try to use absolute, not relative paths. If it doesn’t help- please post me the exact code you use to embed the iframe on your site.

Hello

this is the only plugin that I have, because it’s a new site

I’m afraid this plugin does not validate as HTML5. “frameborder” and “scrolling” properties are obsolete.

(Doesn’t validate properly as HTML 4 either.)

Thanks. I updated the plugin. Now (in version 1.3) the only thing that does not validate is “onscroll” attribute but I don’t think I can do anything about it.

Hi
Im trying to use your plugin but I get that the file does not exists like if it is trying to display it from inside wordpress using a relative path instead of an absolute.

i try to use your example code
[iframe http://de77.com 100% 200]

but I get a frame with a 404 error
http://omnimediastudio.com/wp/portada/

any ideas… is it because Im using permalinks?

thanks

Adding the x and y ( 60 40 ) worked. Can I add an autofit code anywhere?

Just installed your plug in on the DEV site. Works like a charm!! Client is very pleased. Thanks for a great solution!!!

Stacy: Sorry, but I don’t know what do you mean by “autofit”. You want the plugin to scroll the iframe to some position? Then check check the settings page and try adding x and y after the url.

I’m having trouble getting the auto-scrolling to work.

Can you tell what I’m doing wrong?

http://sunwest-re.com/iframe-test.html

Thank you for any help you can offer.

Adam

Jack @ Jack3d:
I don’t think you can change the background color with CSS.
The background is either the background of your website or the background of the website you are embedding.
You can try to create a div with a background you want and place the iframe in it.

Thanks for your work.

The generated code contains a couple of small validation errors, but generally works great.

Errors include:
“there is no attribute “onload”"
“end tag for “p” omitted, but OMITTAG NO was specified”

I can edit these manually, but thought you may like to include them next time you make edits to your plugin.

Thanks, Dave

MIke: no, sorry.

installed iframe embedder

but in the dashboard > plugins this update message popped up

“There is a new version of Iframe Embedder available. View version 1.3.2 Details or upgrade automatically”.

but this was referring to a quite different “embedder” plugin from here ..

http://moztools.com/wordpress/embedder-plugin/

I changed plugin name to de77-iframe-embedder and the plugin name conflict went away.

Thanks for the information, I’ll something with it!

hello and thank you!

There is frameborder displayed in Internet Explorer, but not in the other browsers. I would like no border in IE as well.

I display my wordpress site in a iframe on FB page.
My WP site is on multisite wp installation. (when on single wp also in IE there is no border)

Can you please check if there is an problem with multisite wp and your plugin?

Kind regards, Jurij

You want the height to be 100% of the embedded website? Then you can’t do it. If you want to make it 100% of the website on which you are embedding then you should enter 100% and make sure the parent element in this this iframe is, has height = 100% too.

the code got removed – try this:

- iframe style=”visibility:hidden;” onload=”this.style.visibility = ‘visible’;” src=”../examples/inlineframes1.html” – /iframe -

Your link looks like this:
<a href=”http://autoiq.videospace.us/galerija/automobili/audi/”>
But it has to look like this:
<a href=”http://autoiq.videospace.us/galerija/automobili/audi/” target=”_blank”>

Attribute rel=”nofollow” is for something completely different. You need target=”_top” or target=”_parent”.

Thanks for that, really appreciate it.

Working wonders on my site.

Nope, sorry. You can’t access the iframe’s content if it comes from another server so you can’t modify it.
What you can do is loading the site with PHP, parsing and displaying the result.

I’m trying to embed paper.li on a page so the reader does not have to leave my site. I am not a coder. I made this string: iframe http://paper.li/f-1329795618?utm 100% 200 and it does not work. I inserted it in HTML and Visual??

I also tried your suggestion iframe http://google.com 200 200 to no avail. Both addresses show up in my new page as the iframe address itself. Suggestions?