jsで親ウィンドウに値を渡す
- <!DOCTYPE html>
- <html lang="ja">
- <head>
- <meta charset="UTF-8">
- <title>jsで親ウィンドウに値を渡す</title>
- <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>「jsで親ウィンドウに値を渡す」の親ウィンドウ側</h1>
- <form name="hoge_form">
- <textarea name="hoge_textarea"></TEXTAREA>
- </form>
- <p><a href="js010_passing_value_child.html" target="window_name" onClick="disp('js010_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>「jsで親ウィンドウに値を渡す」の子ウィンドウ側</title>
- <script type="text/javascript">
- function disp(MsgText){
- if(!window.opener || window.opener.closed)
- {
- // メインウィンドウの存在をチェック
- // 存在しない場合は警告ダイアログを表示
- window.alert('メインウィンドウがありません');
- }
- else
- {
- window.opener.document.hoge_form.hoge_textarea.value=MsgText;
- }
- }
- </script>
- </head>
- <body>
- <h1 style="font-size:0.8em;">「jsで親ウィンドウに値を渡す」の子ウィンドウ側</h1>
- <a href="" onclick="disp('「諦める!」 それも勇気だ!')">メッセージ1</a><br />
- <a href="" onclick="disp('夜なのに 僕が見るのは あおいそら')">メッセージ2</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;">
- Copyright © 2009 by PCスキルの小技・忘却防止メモ. All rights reserved.
- </div>
- </body>
- </html>