2012-01-09 4 views
0

私は入力用と表示用の2つのウィンドウを持っています。私は表示ウィンドウを入力に応じて動的に更新したい。私は、私が行っていることに近いオンラインの例を見つけましたhere私は項目を追加します(この例の行では)。しかし、私はそれらを入力ページの代わりに他のページで更新する必要があります。うまくいけばそれは理にかなった。ChildAppend新しいウィンドウ

解決策を見つけるのは難しいですが、本質的には入力シートからデータを追加するために表示シートを追加するだけです。ご協力ありがとうございました。

答えて

0

複数のウィンドウ間で通信する必要があるため、ターゲットウィンドウまたは宛先ウィンドウには、データを受け取り、ドキュメントに挿入する関数が公開されている必要があります。あなたは先のウィンドウのグローバルスコープで新しい関数を宣言することができます。

window.addData = function(data) { 
    // Append to HTML document 
} 

ソースウィンドウから、あなたがそれを開くことによって、例えば先のウィンドウへの参照を取得する必要があります。

// Open child window and call global function of child window 
var destination = window.open("destination.html", "destination"); 
destination.addData(42); 

何これは、目的のウィンドウがロードされるのを待たなければならないということです。

あなたが開いたウィンドウを元の(開口部)ウィンドウに話をする必要がある場合、あなたは子ウィンドウ内でこのコードを使用することができます:

// Call global function of parent window 
var destination = window.opener; 
destination.addData(42); 
関連する問題