親窓から子窓を操作

親ウィンドウから子ウィンドウを操作

子窓

小窓にはjQueryの記述は不要。

親窓

jQueryで別窓表示を参照。

jQuery

$(function () { $('#open').click(function(){ $('#close').removeAttr('disabled'); $(this).attr('disabled', 'disabled'); // 子窓の存在チェック if (! child || child.closed) { winOpen($('form').attr('action') , 200, 150); } return false; }); var child; // 別窓 function winOpen(url, width, height) { child = window.open((略)); } // 親窓から子窓を操作 $('#close').click(function() { $(this).attr('disabled', 'disabled'); $('#open').removeAttr('disabled'); // 子窓の存在チェック if (! child || child.closed) { return; } child.$('body').html('小窓を操作'); // 操作後クローズ(画面反映確認のため1秒後にクローズ) setTimeout(function() { child.close(); }, 1000); return false; }); });

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。