子ウィンドウから親ウィンドウのテキストフィールドにデータを表示する
子ウィンドウのリンクをクリックするとそのリンクの内容が親ウィンドウのテキストフィールドの中に表示されるというのを作りたいのですが、
親ウィンドウ
<html>
<head>
<title>サブウィンドウから親ウィンドウのテキストフィールドにデータを表示する</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<a href="javascript:;" onClick="MM_openBrWindow('subwindow.html','','width=160,height=160')">open</a>
<form name="myFORM">
<input type="text" name="tBox">
</form>
<form name="myFORM2">
<input type="text" name="tBox2">
</form>
</body>
</html>
子ウィンドウ
<html>
<head>
<title>サブウィンドウから親ウィンドウのテキストフィールドにデータを表示する</title>
<script Language="JavaScript">
<!--
function setData()
{
window.opener.document.myFORM.tBox.value="灯油ストーブ";
}
function setData2()
{
window.opener.document.myFORM2.tBox2.value="シャワー";
}
// -->
</script>
</head>
<body>
<a href="#" onClick="setData()">灯油ストーブ</a>
<a href="#" onClick="setData2()">シャワー</a>
</body>
</html>
これではリンク数とテキストフィールド数が同じじゃないといけないですよね。
作りたいのはテキストフィールドは15個あって、リンクの方は70個ぐらいあります。リンクをクリックするとテキストフィールドの中へ順々に表示させたいのですが、どうしたらよいのでしょうか？
どうかアドバイスをお願いいたします。
補足
早速のご返事ありがとうございます。 (1)サーバー側のプログラムが必要 とありますがーーー 子ページを例えば以下のようにするということですか 。ajaxを覚えるのは時間がかかりますか。新米なのでよく分かりません。よろしく #! c:/perl/bin/perl print <<END; <html><head><title></title> <script language="JavaScript1.1"> <!-- function kopen(){ opener.document.kuser.koriginal.value="チェンジ"; "opener.document.location.reload(true)"; window.close; } //--> </script> </head> <body bgcolor="#FFFFFF"> <b>*サブウィンドウ</b> <p> <form name="user"> <input name="original" type="button" value="決定" onClick="kopen()"> </form> </body></html> END