Wywołanie JavaScriptu z okna nadrzędnego z okna podrzędnego

Question

Mam kalendarz i po kliknięciu na <td> pojawia się wyskakujące okienko, dzięki czemu można utworzyć wyrównanie na wybraną datę. Chcę dodać funkcję.

Gdy użytkownik ukończy tworzenie zdarzenia, chcę wysłać żądanie JavaScript do strony nadrzędnej, aby można było odświeżyć kalendarz za pomocą AJAX. Zasadniczo chcę wywołać funkcję z potomka, ale funkcja jest na stronie nadrzędnej.

W Google znalazłem tylko skrypt, który może odświeżyć okno nadrzędne - nic o "nadrzędnym oddzwonieniu". ☹ Czy to możliwe?

P.S. Odpowiedź może być czystym JS lub jQuery, to nie ma znaczenia. Będę szukał w międzyczasie.

Answer 1

To, czego szukasz, to odniesienie do window, które otworzyło okno wyskakujące. Kiedy już to zrobisz, możesz wywoływać funkcje w tym oknie, odczytać i zapisać zmienne w tym oknie, a nawet manipulować jego DOM.

To odwołanie nazywa się opener. To daje obiekt window dla okna, które otworzyło bieżące okno. Na przykład, jeśli masz funkcję w oryginalnym oknie jak poniżej:

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

następnie w oknie, można nazwać tak:

opener.updateMe('Hello!'); 

Naturalnie, trzeba się upewnić, że updateMe() jest globalną funkcją na oryginalnej stronie. Lub jeśli masz jakiś obiekt na oryginalnej stronie i updateMe() jest metodą tego obiektu, możesz to zrobić, o ile obiekt jest globalny. na przykład na stronie hosta:

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

następnie w menu podręcznym można zrobić:

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

Zasadniczo, tak długo, jak można dostać się do obiektu lub funkcji w oryginalnej strony z window.whatever, a następnie w popup możesz po prostu zmienić na opener.whatever.