Können Ereignisse, die von einem Iframe ausgelöst werden, von Elementen in seinem übergeordneten Element behandelt werden?

Question

Angenommen, ich habe eine Seite unter www.example.com/foo, und es enthält eine mit src="http://www.example.com/bar". Ich möchte in der Lage sein, ein Ereignis von /bar abzufeuern und es von /foo gehört werden. Unter Verwendung der Prototype-Bibliothek, ich habe versucht, ohne Erfolg wie folgt vorgehen:

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

Wenn ich dies tun, in Firefox 3.5, erhalte ich folgende Fehlermeldung:

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

nicht sicher, ob das im Zusammenhang mit mein Problem. Gibt es einen Sicherheitsmechanismus, der verhindert, dass Skripte in /bar Ereignisse in /foo auslösen?

Answer 1

ich diesen Cross-Browser noch nicht getestet, aber es funktioniert in FF.

Im iFrame Sie auf das Element parent.document abfeuern kann:

Event.observe(window, 'load', function() { 
    parent.document.fire('custom:event'); 
}); 

und im übergeordneten Frame Sie damit fangen:

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

Answer 2

Ereignisse können das übergeordnete Fenster definiert durch eine Funktion behandelt werden, wenn die iframe eine Seite aus der gleichen Domäne (siehe MDC Artikel über Same Origin Policy) ist; Die Ereignisse werden jedoch nicht von der iframe auf die übergeordnete Seite gesprungen (zumindest nicht in meinen Tests).

Answer 3

Anstatt dann ein Ereignis auf der Hauptseite zu erfassen, können Sie das Ereignis im iframe abfangen und eine Funktion auf der Hauptseite aufrufen.

<-- main page --> 
function catchIt() 
{ 
// code here 
} 


<-- iframe page --> 

function doIt() 
{ 
top.catchIt(); 
} 

<a onclick="doIt();">test</a> 

Ich denke, es funktionieren würde, aber nur knapp sein Ziel Test es