子ウィンドウからの親ウィンドウのJavaScriptを呼び出す

Question

私はカレンダーを持ち、<td>をクリックすると、選択した日付の偶数を作成できるようにポップアップウィンドウが表示されます。私は機能を追加したい。

イベントの作成が完了したら、JavaScriptリクエストを親ページに送信して、AJAXを使用してカレンダーを更新することができます。基本的には、子から関数を呼び出すが、その関数は親ページにある。

Googleでは、「親コールバック」については何もせず、親ウィンドウを更新できるスクリプトしか見つかりませんでした。 evenそれは可能ですか？

P.S.答えは、純粋なJSまたはjQueryにすることができますが、それは問題ではありません。私はその間に見ていきます。

Answer 1

あなたが探しているのは、ポップアップウィンドウを開いたwindowへの参照です。一度それを持っていれば、そのウィンドウ内の関数を呼び出すこと、そのウィンドウ内の変数を読み書きすること、またはそのDOMを操作することさえできます。

この参照はopenerと呼ばれます。これは、現在のウィンドウを開いたウィンドウのオブジェクトwindowを提供します。あなたは、このような元のウィンドウに機能を持っている場合たとえば、：

は

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

その後、ポップアップウィンドウでは、このようにそれを呼び出すことができます。

opener.updateMe('Hello!'); 

は当然のことながら、あなたがいることを確認する必要がありupdateMe()元のページのグローバル関数です。または、元のページにオブジェクトがあり、updateMe()がそのオブジェクトのメソッドである場合、そのオブジェクトがグローバルである限り、それを実行できます。例えば

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

、ポップアップであなたができる：ホストページで

基本的に

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

を、限り、あなたは、その後に、window.whateverと元のページ内のオブジェクトや関数に得ることができるようあなたは単にそれをopener.whateverに変更することができます。