親窓から子窓を操作
親ウィンドウから子ウィンドウを操作
子窓
小窓にはjQueryの記述は不要。
親窓
jQueryで別窓表示を参照。
jQuery
$(function() {
var child;
$('#open').click(function(){
$('#close').prop('disabled', false);
$(this).prop('disabled', true);
// 子窓の存在チェック
if (! child || child.closed) {
// 別窓表示
child = winOpen($('form').attr('action'), 200, 150);
}
return false;
});
// 別窓
function winOpen(url, width, height)
{
return window.open((略));
}
// 親窓から子窓を操作
$('#close').click(function() {
$(this).prop('disabled', true);
$('#open').prop('disabled', false);
// 子窓の存在チェック
if (! child || child.closed) {
return;
}
child.$('body').html('小窓を操作');
// 操作後クローズ（画面反映確認のため1秒後にクローズ）
setTimeout(function() {
child.close();
}, 1000);
return false;
});
});
サンプル
