iframe

[manipura]

hello all, I'm building a blog for a local festival, and another local online magazine wants to be able to embed this blog on their website. Their idea was to just put it into a simple Iframe. And as a developer passionate about my work, I have to find a better solution. So I'm trying to make the iframe act as though it were part of the page. Although my javascript skills are limited, all I've gotten it to do is resize the frame to fit the first page loaded. How would I go about making it so that every page load, the iframe will resize itself so that it will never show a scrollbar. I want the blog to seem like it's built and running on the magazines site. Any ideas?

[JimmyP]

Something like this perhaps? -

<script type="text/javascript">
var iframe = document.createElement("IFRAME");
iframe.style.position = 'absolute';
iframe.style.width = '100%';
iframe.style.height = '100%';
iframe.style.top = '0';
iframe.style.left = '0';
iframe.style.overflow = 'auto';
iframe.style.zIndex = '999';
iframe.frameborder = "0";
iframe.src = "http://www.sitepoint.com";
document.body.appendChild(iframe);
</script>

(Put script above the END body tag - </body>)

[GenePimentel]

Or, if you can rename your pages to .php, use a php include. It's much easier!

[manipura]

php includes will not work... Because when you click on a link it will go directly to the page (the url) instead of loading it into frame. Considering the frame will be inside of a template this is not going to work...