「jqueryで親ウィンドウに値を渡す」を別ウィンドウで開く
各種サンプルとソース一覧 | PCスキルの小技・忘却防止メモ |

jqueryで親ウィンドウに値を渡す

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>jqueryで親ウィンドウに値を渡す</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
// サブウィンドウを開く処理
function disp(url){
window.open(url, "window_name", "width=250,height=350,scrollbars=yes,resizable=yes,status=yes");
}
</script>
</head>
<body>
<h1>「jqueryで親ウィンドウに値を渡す」の親ウィンドウ側</h1>
<form name="hoge_form">
<textarea name="hoge_textarea" class="hoge_textarea"></TEXTAREA>
</form>
<p><a href="jquery006_passing_value_child.html" target="window_name" onClick="disp('jquery006_passing_value_child.html')">子ウィンドウを開く</a></p>
<hr>
ちなみに子ウィンドウのHTMLソースは下記。
<div style="border:1px solid #ccc;margin-top:1em;padding:0.5em;">
<pre style="margin:0;">
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>「jqueryで親ウィンドウに値を渡す」の子ウィンドウ側</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
function disp(MsgText){
if(!window.opener || window.opener.closed)
{
// メインウィンドウの存在をチェック
// 存在しない場合は警告ダイアログを表示
window.alert('メインウィンドウがありません');
}
else
{
window.opener.$(".hoge_textarea").val(MsgText);
}
}
</script>
</head>
<body>
<h1 style="font-size:0.8em;">「jqueryで親ウィンドウに値を渡す」の子ウィンドウ側</h1>
<a href="" onclick="disp('「諦める！」それも勇気だ！')">メッセージ１</a><br />
<a href="" onclick="disp('夜なのに僕が見るのはあおいそら')">メッセージ２</a><br />
</body>
</html>
</pre>
</div>
<div style="font-size:10pt;text-align:right;margin-top:0.5em;">
<a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
<a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ（wiki）</a>
</div>
<div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
</div>
</body>
</html>