ansaurus

Question

Answer 1

+1 A:

You will need to include jQuery again inside that iframe, or try...

parent.$('body').text('Does it work?');

Or maybe if that is too long, make a wrapper

function $(selector, context) {

     return parent.jQuery(selector, context);
}

alex 2010-10-11 00:32:30

Thanks but can't get it to work. MUST still be doing something wrong. I provide a code sample above if that helps. Thx!

Pjack 2010-10-11 01:56:02

@Pjack Is the `iframe` on the same domain? Also, you are returning false from the function in the 2nd line. This will stop the rest of the anonymous function from being ran.

alex 2010-10-11 02:12:43

Yes it is on the same domain. Oops, I moved it there to test something, I moved it back to the end. However it still doesn't work. Thx

Pjack 2010-10-11 02:53:35

Im an idiot. I figured out the problem. I have a js file with all my functions. Well I use a script that can use different header templates. The header being called on the page did not have my js file included. Once added, it worked. Duh. Thanks for the answers. Yes I just needed to include jQuery and my js file again.

Pjack 2010-10-11 03:53:27

@Pjack Glad you figured it out :)

alex 2010-10-11 04:52:05

Answer 2

A:

If both documents depend on the same domain, you can access jQuery by prepending "parent" to your statement.

Example:

<body> 
<script>
alert(parent.$('body',document).html())
</script>
</body>

Notice the 2nd argument is set to document. This is recommended, otherwise the context will be the document of the parent window, not the document inside the iframe. But as I did not know if this kind of use is really secure, especially if you use external plugins, I would prefer the additional including.

Dr.Molle 2010-10-11 00:35:20

ansaurus

tags:

views:

answers:

Call jQuery from a Fancybox iframe?

related questions