ansaurus

Question

Run JQuery in the context of another frame

Answer 1

A:

I'm not certain about the block plugin, but can't you get hold of the relevant frame and manipulate it using the "frame tree", something like this: (from within importantFrame.htm)

parent.theFrame.someProperty = someValue;

eg:

parent.theFrame.location.href='anotherPage.html';

From what I've been reading, you might need Jquery on the target page, but you could try something like:

parent.theFrame.block();

or maybe:

$('#theFrame').block();

Andrew M 2009-02-14 00:45:26

Answer 2

+10 A:

The jQuery function, which you more commonly call with $, takes a second argument called context, which is "which DOM element of jQuery object should I do the search in". Most of the time you omit this argument, so the context defaults to the current HTML document. When your code is executing in the iframe, the document defaults to that iframe's document. But you can easily grab the document for one of the other frames.

For example, put this in myFrame.html, and this will remove all the h1 elements from the frame with blah.html in it. Notice the second argument to $, which is the expression that grabs the blah frame from within important frame:

<html>
  <head>
    <script type="text/javascript" src="/javascripts/jquery.js"></script>
    <script type="text/javascript">
      function doIt() {
        $('h1', window.parent.frames[0].document).remove()
      }
    </script>
  </head>
  <body>
    <h1>My Frame</h1>
    <a href="#" onclick="doIt()">Do It</a>
  </body>
</html>

pjb3 2009-02-20 15:30:37

Good answer - I was about to ask a similar question!

CMPalmer 2009-04-03 22:28:41

You can also write the `window.parent.frames[0].document` part as `window.parent.theFrame.document`, which is more *verbose*.

jwandborg 2010-09-07 09:38:33

Answer 3

+2 A:

Like pjb3 said, set the jQuery context. If you have nested frames, your code will look like this:

$('*',window.parent.frames[0].frames[0].document).size();

Or, better yet, make a shortcut:

targetFrame = window.parent.frames[0].frames[0].document;
$('*',targetFrame).size();

pwfisher 2009-09-22 23:27:34

Answer 4

A:

Can the above solution work with subdomains?

john 2010-05-31 14:12:05

Probably not since it violates the [Same origin policy](http://en.wikipedia.org/wiki/Same_origin_policy).

jwandborg 2010-09-07 09:21:59

Answer 5

A:

this is a jquery plugin, it make the true of execute jquery between parents and iframes. it's helper for you http://snipplr.com/view/15393/inheritjs--jquery-sharing-between-parents-and-iframes/ but it's a little bug in thie code. just at 19 row. replace this code with this 'child.jQueryInherit = this.jQuery;'. all right.

den jones 2010-10-29 11:51:56

ansaurus

tags:

views:

answers:

Run JQuery in the context of another frame

related questions