- ベストアンサー
2件の入力ホームを作成中ですがやり方が?
- 1ページで2件の入力ホームを作成する方法が分からないです。また、2件目の入力ホームをコピーすると出力画面が正しく表示されません。どうすれば良いでしょうか?
- 入力ホームを2つ作成する方法を教えてください。また、2つ目の入力ホームをコピーすると、出力画面に問題が発生します。どうすれば解決できますか?
- 2つの入力ホームを1ページに作成する方法がわかりません。また、2つ目のホームをコピーすると、出力画面が正しく表示されません。解決策を教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
もし、表示する内容が2つのフォームとも同じであれば最小の修正はこんな感じです。 <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>フォームに記入した内容をサブウィンドウに表示したい</title> <script language="JavaScript"> <!-- function openSW(f) { f1=f.r; area=""; for(i=0;i<f1.length;i++) if(f1[i].checked) area=f1[i].value; f2=document.fom.c1; season=""; for(i=0;i<f2.length;i++) if(f2[i].checked) season+=f2[i].value+" "; subWin=window.open("","","width=300,height=300"); subWin.document.write("地域:"+area+"<BR>"); subWin.document.write("季節:"+season+"<BR>"); subWin.document.write("国名:"+document.fom.t.value+"<BR>"); subWin.document.write("トライ:"+document.fom.ta.value+"<BR>"); subWin.document.write("季節:"+document.fom.c2.value+"<BR>"); subWin.document.close(); } //--> </script> </head> <body> <form name="fom"> ~フォーム1の内容~ <input type="button" value="データを出力する" onclick="openSW(document.fom)"><BR><BR> </form> <form name="fom2"> ~フォーム2の内容~ <input type="button" value="データを出力する" onclick="openSW(document.fom2)"><BR><BR> </form> </body> </html> 全く別々の内容であれば、関数を分けるか、 冗長になってしまうのが嫌なら条件分岐やループを使って、 フォームを増やしてもnameの数だけ収集して表示するような記述に書き変えないといけません。
お礼
御回答ありがとうございました。 とてもいい御回答だと見受けられました。 私の知識不足で、うまい具合に移植することが困難と判断しました。 マルチタスク防止のため、ここで一度解決とします。 今後ともよろしくお願い致します。
補足
貴重なご回答誠にありがとうございます。 御紹介していただいた、プログラムを「コピー → ベースト」 しましてhtmlで見てみますと、「データ出力する」が2個ありました。 この方法は、別のページに出力してくれる方法なのでしょうか? 私としましても、別の画面に出力したほうが、理想とする方法に近づきます。 私はHTMLしか、知識偽かなくて、JavasScriptの知識はありませんので調整が難しい です。 これって、データ入力画面と「データを出力する」画面は別別で2個 htmlがいるのでしょうか? 宜しくお願い致します。