Question

194

Can events fired from an iframe be handled by elements in its parent?

rated 0 times [ 197] [ 3] / answers: 1 / hits: 22008 / 15 Years ago, tue, january 12, 2010, 12:00:00

Suppose I have a page located at www.example.com/foo, and it contains an <iframe> with src=http://www.example.com/bar. I want to be able to fire an event from /bar and have it be heard by /foo. Using the Prototype library, I've tried doing the following without success:

Element.fire(parent, 'ns:frob');

When I do this, in Firefox 3.5, I get the following error:

Node cannot be used in a document other than the one in which it was created code: 4
Line 0

Not sure if that's related to my problem. Is there some security mechanism that's preventing scripts in /bar from kicking off events in /foo?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sophiak

Add To Favorites

Follow

Total Points: 242

Total Questions: 90

Total Answers: 103

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

answered 15 Years ago jocelynkarsynr · Accepted Answer

I haven't tested this cross-browser yet, but it works in FF.

In the iFrame you can fire on the element parent.document:

Event.observe(window, 'load', function() {

  parent.document.fire('custom:event');

});

and in the parent frame you can catch it with:

document.observe('custom:event', function(event) { alert('gotcha'); });