アクセス向上大失敗 www.igros.net
Last updated 2004/8/18
コメントバック 対応

[送信]ボタンでポップアップ画面を開き入力データを確認させる方法 -ちょいテク JavaScript-

トップページ > 初心者向け小技の部屋 > ちょいテク JavaScript > [送信]ボタンでポップアップ画面を開き入力データを確認させる方法
[PR]特集 Amazon.co.jp レコメンドコンテンツ



>> まずはサンプルを見る

解説
フォームから入力したデータに対し、確認画面による[確認]が良く用いられますが、その画面のデザインが面倒な場合などに有効です。
また、[戻る]などによる入力データの消滅も防ぐことができます。

1.入力画面(元画面)
<form method="post" action="CGIプログラム" target="_Pop1">
お名前:<input type="text" name="NAME"><br>
<input type="submit" value="送信" name="TRS_CODE" onClick="window.open('', '_Pop1','directories=no,location=no,menubar=no,scrollbars=no,status=no,resizable=no,width=270,height=160')">
</form>

2.確認用ポップアップ画面内に表示されるファイル(HTML)に対し
<SCRIPT LANGUAGE="JavaScript">
<!--
function submit_check() {
 if (confirm("入力データを送信します、よろしいですか?")) {
   top.opener.location.href = "CGIプログラム";
   close();
 }
 else {
   close();
 }
}
// -->
</SCRIPT>

<body onLoad="submit_check()">

補足
何がやりたいのか、今ひとつ分かりにくいと思いますのでサンプルで体感してみてください。


<<<< トップ <<< テーマトップ << サブテーマトップ < 前頁次頁 >
|印刷(P)...| を起動する方法 >>

www.igros.net
[PR]特集 Amazon.co.jp レコメンドコンテンツ



Copyright(C) アクセス向上大失敗 All Rights Reservd.
version2.0