- ベストアンサー
科目名と科目コードの入力方法を改善したい
- 授業評価アンケートのデータ収集システムを卒研で作っています。
- 特定の科目名をクリックすると、科目名と科目コードが自動的にテキストボックスに代入される機能を実装したいです。
- これにより、ユーザーが科目名や科目コードを手動で入力する際のミスを防ぐことができます。
- y_okamoto_2918
- お礼率77% (21/27)
- PHP
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
動くソースを書いてみましたので、これを参考に自分で書いてみてください。 FireFoxでしか 動作確認はしていません。 //------------ // Main.html //------------ <html> <body> <form name=MainForm> 科目名<input type=text name=KamokuName><br> 科目コード<input type=text name=KamokuCode><br> <input type=button value='参照' onClick='window.open("kamoku.html","SubWindow","width=480,height=240");'> </form> </body> </html> //------------ //------------ // kamoku.html //------------ <html> <head> <script Language=JavaScript> <!-- function setData(str01,str02){ window.opener.document.MainForm.KamokuName.value=str01; window.opener.document.MainForm.KamokuCode.value=str02; } // --> </script> </head> <body> <ul> <li><a href="#" onClick="setData('エジプトを掘る','1')">科目名:エジプトを掘る 科目コード:1</a> <li><a href="#" onClick="setData('地中海考古学','2')">科目名:地中海考古学 科目コード:2</a> </body> </html> //------------
その他の回答 (2)
- bm_hiro
- ベストアンサー率51% (200/388)
拡張子はhtml 複数のデータでも出来ますよ。 #に関しては、フラグメント識別子で調べてみてください。 時間ない為、こんなんですみません。
お礼
参照ページから入力したいことをクリックして、入力できるようになったのですが、 <FORM method="post" action="regist02.php" enctype="application/x-www-form-urlencoded"> として、 科目名/科目コード など、必要項目を入力した後、 regist02.php にジャンプするようにしていたのですが、 できないようになってしまいました・・・ どうしたらジャンプできるようになるのでしょうか？＞＜
- bm_hiro
- ベストアンサー率51% (200/388)
んー、きっちり動くソースを提示してもいいんですが、そちらの卒研と言う事なので、コピペでゴーでも良くないと思うので、ざっくりと説明しますね。 新しいタブを開いてるって事は、元の画面は画面遷移をさせずに 元の画面のテキストボックスに入力したいって事でいいんですよね？ だとすると、PHPというより JavaScript が適当かと思います。 俺が説明するより、ここらへん見てもらったほうが良さげ。 http://www.openspc2.org/reibun/javascript/sub_window/009/index.html
お礼
そうです！ 教えて頂いたページは 「マウスを乗せて」 にマウスが乗ると、元のページのテキストボックスに予め用意された値が挿入されるわけですね？ 表のように、その時々に挿入したい値が変わるわけですが、カーソルがAに1度乗り、Bに乗ったとき、Bが元のテキストボックスに挿入されるのでしょうか？ 教えて頂いたページのものは、1つのテキストボックスについてですが、 複数のテキストボックス、複数のデータでも応用できるのでしょうか。 まずこのサンプルを自分で実現できません。 それぞれの拡張子は.htmlですか？ サブウィンドウ側のプログラムのa href="#" はどういう意味があるのでしょうか？ 教えてください！！ お願いします！
お礼
わざわざありがとうございます！！！ やってみます！！！
補足
補足ではありませんが。 教えて頂いた物を動かすことができました！ 現在、表形式で 学年・クラス・科目名・科目コード 1 3 国語 13L901 というように、参照ページとして用意しています。 これに教えて頂いたことを添加していきたいと思います！ ありがとうございます！！