サブウィンドウで入力内容を確認
| <html> <head> </head> <body> <script language="JavaScript"> <!-- function checkForm(){ newWin = window.open("","","width=300,height=200,location=no,menubar=no,toolbar=yes"); newWin.document.write("<br><center>入力内容<hr><br><table><tr><td>"); newWin.document.write("名前: " + document.form1.txtName.value +"<br>"); newWin.document.write("職業: " + document.form1.txtJob.value +"<br>"); newWin.document.write("趣味: " + document.form1.txtHobby.value +"</td></tr></table><hr></center>"); newWin.document.write("<center><form><input type='button' value = '閉じる'onclick='window.close()'></form></center>") } //--> </SCRIPT> <center> <hr>サブウインドウで入力内容を確認<hr> <br>下記の項目に入力して「確認」ボタンをクリックして下さい<br><br> <table><tr><td> <form name= "form1"> 名前: <INPUT TYPE="TEXT" name="txtName"><br> 職業: <INPUT TYPE="TEXT" name="txtJob"><br> 趣味: <INPUT TYPE="TEXT" name="txtHobby"><br> <center><INPUT TYPE="button" VALUE="確認" onclick = "checkForm()"></center> </form> </td></tr></table> </center> </body> </html> |
| 【解説】 処理内容 赤：指定した大きさのウィンドウを開く 青：新しいウインドウにフォームで入力したデータを書き込む 紫：ウィンドウを閉じるボタンの設定 ここではポイントを絞ります。 window.openの（）内を見てみましょう。 引数を３つに区切ってあります。 左からURL,タイトル,オプションとなっています。 指定しない場合は""を記入しておきます。 テキストで２行に分けられているところを テキスト通りに打ち込むとエラーになるようです。 私はこれで失敗しました。 |