Ciao a tutti,

ho un problema di scope che non riesco a risolvere che ora vi spiego:

Ho una pagina "index.html" la quale contiene un iframe che carica la pagina "content.html".
Dalla pagina "content.html" vorrei attivare una funzione presente nella pagina "index.html" dichiarata al realizzarsi dell'evento "domready" associato a window.

Di seguito il codice per capirci:

PAGINA INDEX:

window.addEvent('domready',function{
var test = function(){
console.log("ok");
}
});


PAGINA CONTENT:

window.addEvent('domready',function{

var parentWindow = window.parent;
var button = $('button');

button.addEvent('click',function(){
parentWindow.test();
});

});


Nella pagina "content.html" ho un bottone che cliccandoci su dovrebbe avviare la funzione "test()" nella pagina "index.html".
Ho già verificato che modificando lo scope di "test()" levando "var" il tutto funziona.
Sembra quindi un problema di scope.
A me però interessa riuscire a capire come fare per raggiungere lo stesso risultato senza levare "var" perchè non mi sembra una soluzione molto elegante...

Qualcuno sa aiutarmi?
Grazie.

Tommaso.