How to Access a DIV inside a iframe from a Parent

Question

Hi,

Hoping someone can assist but I am trying to access a div id="mnuGrp" that resides inside a child iframe(id="iframe2) from the parent window within the document.ready() section but unsure how to access this child div in the parent inorder to apply fadein and fadeout calls.

Want to be used within the following call:

$(' ???? ').click(function(){ etc

where "????" is my means to access the child div within the iframe.

Any help would be appreciated.

Thanks.

Answer 1

You can access the div in this way: window.frames[framename].document.getElementById("mnuGrp")

Answer 2

Since you're asking in a jQuery context specifically:

$(document).ready( function(){
    $('#iframe2').contents().find('div#mnuGrp').fadeIn('slow');
    // or whichever effect you prefer
});

Note that you will likely be constrained by the Same Origin Policy with respect to the main page and the frame source.