ansaurus

Question

what is the jQuery / javascript context of a frame within an iframe?

Answer 1

+1 A:

I think the link from technicolorenvy has the answer, but the selector has a lesser known second parameter where you can set the context.

Something like this:

var iframeDoc = document.getElementById('myIframe');
iframeDoc = (iframeDoc.contentWindow) ? iframeDoc.contentWindow : (iframeDoc.contentDocument.document) ? iframeDoc.contentDocument.document : iframeDoc.contentDocument;


// From the parent window
$('p', iframeDoc).html('Hello from parent');

http://docs.jquery.com/Core/jQuery#expressioncontext

Ran 2010-01-27 21:30:50

Answer 2

+1 A:

Giving your frames ids that are valid JavaScript identifiers would help, then you could use constructs such as window.top.this_iframe.frame_edit.document as your context.

Neil 2010-01-27 22:15:58

thanks for the feedback! however, this is bombing for me. the ids now have underscores rather than ndashes. if i use console.log to see what's happening "behind the scenes" it will return something if i log window.top.this_iframe.document OR if i log window.top.document.getElementById('this_iframe') so it appears that the frame_edit id is not being "seen". any ideas?

technicolorenvy 2010-01-27 23:52:25

Answer 3

+1 A:

Preface: You wont be able to access the iframes contents unless it originates from the same domain.

To select elements in your iframe you could use a jQuery call like this

element = $("#this_iframe").contents().find("#frame_search")

The key is to use the contents() function. See Traversing/contents

mikezter 2010-01-28 10:33:26

ahh contents() is indeed awesome, i didn't realize the iframe support that provided... Thanks!

technicolorenvy 2010-01-28 18:43:54

would you mind accepting the answer?

mikezter 2010-01-29 22:57:56

Answer 4

A:

These were all helpful. I kept bombing when I was attempting to get past the iframe in the DOM. THis would appear to be from the fact i had code residing in the ready() method, but the frameset that was being called within the iframe was not loaded by the time that had $(document).ready() fired.

Thanks for all the great help and feedback!

technicolorenvy 2010-01-28 18:42:39

ansaurus

tags:

views:

answers:

what is the jQuery / javascript context of a frame within an iframe?

related questions