サブウインドウ内にある文字をクリックして親ウインドウのフォームへ入力する。
応用 :
var htmlの中を書き換えみましょう。 ウインドウについて詳しくはwindow.openの参照をご覧ください。
参照 : function, 変数, window.open, opener, document.write(), document.close(), onClick,
<html>
<head>
<title></title>
<script language="JavaScript">
<!--
//サブウインドウオープン
function WinOpen(){
var WinF01=window.open('','WinNameF01','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1,width=160,height=250');
var html = ''
+ '<font size=5 face="Osaka,ＭＳ Ｐゴシック" color="green">Input Window</font><hr>'
+ '<a href="javascript:function voi(){};voi()" '
+ ' onClick=\'opener.document.f0.test.value="○いいと思うよ"\'>○いいと思うよ</a><br>'
+ '<a href="javascript:function voi(){};voi()" '
+ ' onClick=\'opener.document.f0.test.value="△ちょっとね"\'>△ちょっとね</a><br>'
+ '<a href="javascript:function voi(){};voi()" '
+ ' onClick=\'opener.document.f0.test.value="▼だめかも"\'>▼だめかも</a><br><br>'
+ '<a href="javascript:function voi(){};voi()"'
+ ' onClick=\'opener.document.f0.reset()\'>reset</a><br>'
WinF01.document.write(html);
WinF01.document.close();
}
//-->
</script>
</head>
<body>
<form name="f0">
<input type="button" value=" Windowオープン "
onClick="WinOpen()"><br>
<input type="text" name="test">
</form>
</body>
</html>
window.openに関する説明はwindow.openをご覧くださいonClick="命令文"でクリックしたら"命令文"を実行するという意味です
ここでは、たとえばonClick="WinOpen()"で関数WinOpen()のなかに書かれた命令を実行します
opener.f0.test.value="メッセージ"で元ウインドウ(opener)のフォームf0.testに"メッセージ"を出力します
WinF01.document.write()でサブウインドウWinF01へ変数htmlに書いたHTMLを書き出ています
WinF01.document.close()はサブウインドウWinF01内の文字などの書き出しを終了するという意味です。これを忘れると文字が欠けることがあります
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)