掲載誌情報
掲載誌 Web Creators 2002/03
タイトル ColdFusion入門/ショッピングサイト構築 第4回
第1回 第2回 第3回 第4回

3. お客様情報入力画面からご注文最終内容確認画面へ
     
  お客様情報入力画面について
    ここでは、購入管理テーブルに登録する情報を入力してもらう。
入力データのチェックはJavaScriptでおこなっている。
詳細はJavaScriptを見て欲しい。
入力情報はFORM変数として、「ご注文内容最終確認」画面へ渡される。
    スクリーン
  1) お客様情報を表示する
    お客様情報入力画面で入力した値をFORM変数として受け取り、受け取ったFORM変数をcfoutputタグで囲んで表示する。チェックボックスで渡された値は数値である。そのまま表示すると何を意味しているのかわからないので、coldfusionのcfifタグを使用し、条件分岐して数値に対応する文字列を表示する。
check.cfm 253行目〜259行目
<cfif FORM.kessai is 0>
  コンビニ決済
<cfelseif FORM.kessai is 1>
  銀行振込
<cfelseif FORM.kessai is 2>
  代引
</cfif>
  2) 注文完了画面にFORM変数を渡すため非表示の値にセットする
    お客様情報入力画面より受け取ったFORM変数の値を注文完了処理へ渡すためにFORMのHidden属性(非表示)の項目を設定する。valueにFORM変数の値をセットしたいので、cfoutputタグで囲む必要がある。
check.cfm 314行目〜324行目
<cfoutput>
 <input type="hidden" name="lastname" value="#FORM.lastname#">
 <input type="hidden" name="firstname" value="#FORM.firstname#">
 <input type="hidden" name="lastnamekana" value="#FORM.lastnamekana#">
 <input type="hidden" name="firstnamekana" value="#FORM.firstnamekana#">
 <input type="hidden" name="zipcode" value="#FORM.zipcode3# - #FORM.zipcode4#">
 <input type="hidden" name="address" value="#FORM.prefecture# #FORM.address#">
 <input type="hidden" name="tel" value="#FORM.tel1#-#FORM.tel2#-#FORM.tel3#">
 <input type="hidden" name="email" value="#FORM.email#">
 <input type="hidden" name="kessai" value="#FORM.kessai#">
</cfoutput>

BACK NEXT
PAGETOP
CLOSE