Chiamare JavaScript della finestra padre dalla finestra figlio

Question

Ho un calendario e quando faccio clic su un <td>, viene visualizzata una finestra popup in cui è possibile creare il tuo evento per la data selezionata. Voglio aggiungere una funzionalità.

Quando l'utente termina la creazione dell'evento, desidero inviare una richiesta JavaScript alla pagina padre in modo da poter aggiornare il calendario utilizzando AJAX. Fondamentalmente, voglio chiamare una funzione dal bambino, ma la funzione è nella pagina padre.

Su Google, ho trovato solo uno script che può aggiornare la finestra padre - niente su un "richiamo genitore". ☹ È persino possibile?

P.S. La risposta può essere pura JS o jQuery, non importa. Continuerò a cercare nel frattempo.

Answer 1

Quello che stai cercando è un riferimento allo window che ha aperto la finestra popup. Una volta che hai questo, puoi chiamare le funzioni in quella finestra, leggere e scrivere variabili in quella finestra, o persino manipolarne il DOM.

Tale riferimento è denominato opener. Ti dà l'oggetto window per la finestra che ha aperto la finestra corrente. Ad esempio, se si dispone di una funzione nella finestra originale come questo:

function updateMe(data) { 
    alert(data); 
} 

quindi nella finestra pop-up che si potrebbe chiamare in questo modo:

opener.updateMe('Hello!'); 

Naturalmente, è necessario fare in modo che updateMe() è una funzione globale nella pagina originale. Oppure se hai qualche oggetto nella pagina originale e updateMe() è un metodo di quell'oggetto, puoi ancora farlo, purché l'oggetto sia globale. per esempio. nella pagina host:

var myObject = { 
    updateMe: function(data) { 
     alert(data); 
    } 
}; 

poi nel pop-up che si poteva fare:

opener.myObject.updateMe('Hello!'); 

In sostanza, fino a quando si potrebbe ottenere per l'oggetto o la funzione nella pagina originale con window.whatever, poi nel popup puoi semplicemente cambiarlo in opener.whatever.