※ ChatGPTを利用し、要約された質問です(原文:子ウィンドウから親ウィンドウのテキストフィールドにデータを表示する)
子ウィンドウから親ウィンドウのテキストフィールドにデータを表示する方法
このQ&Aのポイント
子ウィンドウから親ウィンドウのテキストフィールドにデータを表示する方法をご教示ください。
子ウィンドウのリンクをクリックすると、そのリンクの内容が親ウィンドウのテキストフィールドに表示される方法を教えてください。
テキストフィールドは15個あり、リンクは70個あります。リンクをクリックすると、順番にテキストフィールドに表示される方法を教えてください。
子ウィンドウから親ウィンドウのテキストフィールドにデータを表示する
子ウィンドウのリンクをクリックするとそのリンクの内容が親ウィンドウのテキストフィールドの中に表示されるというのを作りたいのですが、
親ウィンドウ
<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個ぐらいあります。リンクをクリックするとテキストフィールドの中へ順々に表示させたいのですが、どうしたらよいのでしょうか?
どうかアドバイスをお願いいたします。
お礼
torakiyojpさん丁寧な説明をどうもありがとうございます。 完全に理解をしたいので本を見ながら頑張ります。 本当にありがとうございました!