¿Pueden los eventos activados desde un iframe ser manejados por elementos en su elemento primario?

Question

Supongamos que tengo una página ubicada en www.example.com/foo, y contiene un con src="http://www.example.com/bar". Deseo poder activar un evento desde /bar y hacer que se lo escuche en /foo. El uso de la librería Prototype, he intentado hacer lo siguiente sin éxito:

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

Cuando hago esto, en Firefox 3.5, me sale el siguiente error:

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

No sé si esto está relacionado con mi problema. ¿Hay algún mecanismo de seguridad que impida que las secuencias de comandos en /bar inicien eventos en /foo?

Answer 1

no han probado este multi-navegador, sin embargo, pero funciona en FF.

En el marco flotante que puede disparar en el elemento parent.document:

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

y en el marco de los padres se puede coger con:

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

Answer 2

Los eventos pueden ser manejados por una función definida por la ventana padre si el iframe es una página de la misma dominio (véase el artículo de MDC en Same Origin Policy); sin embargo, los eventos no aparecerán desde el iframe en la página principal (al menos no en mis pruebas).

Answer 3

en lugar de atrapar un evento en la página principal, puede ver el evento en el iframe y llamar a una función en la página principal.

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


<-- iframe page --> 

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

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

Creo que funcionaría, pero aún no ha prueba de que