Question

According to this answer:

Invoking JavaScript code in an iframe from the parent page

I have an iframe that loads a page that has a div with the id flash_container

<iframe src="http://www.remote.com/a.html" id="iframeID">

I placed this code on my parent page (the page that loads the iframe) but it doesn’t seem to work:

document.getElementById('iframeID').contentWindow.targetFunction();
function targetFunction() {
    var el = document.getElementById('flash_container');
    el.style.zoom = 0.7;
    el.style.MozTransform = 'scale(0.7)';
    el.style.WebkitTransform = 'scale(0.7)';
}

What I’m trying to do is to zoom-out the inner page inside the iframe from the parent page.

Answer 1

It’s impossible to say for certain what’s wrong, but I have some ideas you might want to look into.

1. Make sure that the iframe is loaded. Trying to do something inside a frame that hasn’t finished loading clearly won’t work
2. Are you sure that you don’t have cross-domain problems. You cannot manipulate the contents of a cross-domain iframe.