Question

I have a very strange problem, i have an iframe that is able to communicate with it’s parent, but only in some certain ways. For an example i have this code in the iframe

$(document).ready(function(){
           parent.document.getElementById('target').style.display = 'none';
});

This hides a div called target in the parent page. Very nice. But this code wich is really what i want to do (loading page.php into the div called target) does not work even though its placed in the exact same way:

$(document).ready(function(){
           parent.document.getElementById('target').load("page.php");
});

Does anyone know why?
Peace

Answer 1

$(document).ready(function(){
    $('#target', parent.document).load("page.php");
});

Give that a go