当ページでは通販も行っています。お申し込みはこちらからお願いします。 後ほど支払方法についてのメールを差し上げます。(こちらも、本気で注文しないで下さい(^-^;) 正常に送信できない場合は、直接メールをください。 |
小規模な販売サイトを作る場合に便利なスクリプトです。emailで注文フォームが届きます。
名前と住所の入力チェック、商品の選択チェックが付いています。また、料金の自動計算もやってくれます。
このフォームを使って送信すると、
Subject: Microsoft Internet Explorer から投稿されたフォームこのようなメールが届きます。
Date: Thu, 1 Jun 2000 22:28:31 +0900
From: "MORI" <hakkai@go9.uso800.ne.jp>
To: <yhiromi@d9.dion.ne.jp>
customer=猪八戒
Ubin=123-4567
address=神奈川県湘南市湘南町1-2-3
美猴香脆面=200
kingaku=210
comment=美猴香脆面を一度食べてみたかったんです。
ただし、IE3を使っているお客様や、ブラウザ標準のメールソフトを削除したお客様 (Outlook Expressを、Outlook97に替えた人) などは送信できないこともあるので注意です。
どんな人でも(i-mode使っている人でも)送信できるようにするには、データをCGIに渡すように書き換えてください。
また、emailを使って送信する都合上、クレジットカードでの決済は絶対に止めてください。SSLなどの暗号化送信を使ってください。
商品はたくさん増やすことができます。
<INPUT type="checkbox" name="あめちゃん" value=350>あめちゃん (\350)
value属性には金額を入れます。
完売して在庫がなくなったときは、
<INPUT type="checkbox" name="アールグレイ" value=0 onClick="this.checked=false">
と書きます。
スクリプトの使用は自己責任で行ってください。どのような決済方式をとるのか(前払い・後払い/郵便振替・定額小為替)、プロバイダーとの契約に商行為の禁止という項目がないかなど、事前に考えましょう。 オンライン販売は訪問販売法の規制に触れるため、事業所の所在地・代表者名・連絡先などを表示するほか、支払いや商品の引き渡し時期、販売数量など販売条件、返品や解約ができるかどうかを明示することになっています。トラブルの発生に対しては当方は責任をとれません。
また、使用する際はメールアドレスを書き換えるのを忘れないでください。(FORMタグのactionです)
仕様上、同じ商品を複数購入することができません。
送料の設定には対応していません。
<HTML><HEAD> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>注文フォームのソース</TITLE> <SCRIPT language="JavaScript"> <!-- function amountMoney(){ var money = 0; for(n=0;n<document.f.elements.length-1;n++){ if((document.f.elements[n].type == "checkbox") && (document.f.elements[n].checked == true)){ money += document.f.elements[n].value-0; } } return money; } function checkStr(){ if(document.f.customer.value == ""){ alert("名前が入力されていません"); return false; } else if(document.f.address.value == ""){ alert("住所が入力されていません"); return false; } else{ amoney = amountMoney(); tax = Math.floor(amoney*5/100); if(amoney > 0){ alert("合計金額は "+(amoney+tax)+"円 (消費税 "+tax+"円) です。") document.f.kingaku.value = amoney+tax; return true; } else{ alert("購入する商品が選択されていません"); return false; } } } //--> </SCRIPT> </HEAD> <BODY> <CENTER> <FONT color="#008000" size="5">美猴王集団日本支部(社名・店名)</FONT><P> <TABLE> <TR><TD>当ページでは通販も行っています。お申し込みはこちらからお願いします。<BR> 後ほど支払方法についてのメールを差し上げます。<BR>
郵便番号(7ケタで) : <INPUT type="text" size="10" value="" name="Ubin"><BR>
住所(送付先) : <INPUT type="text" size="40" value="" name="address"><BR>
欲しい商品 : <BR> <INPUT type="checkbox" name="美猴香脆面" value=200>美猴香脆面 (\200)<BR>
<INPUT type="checkbox" name="ミネラルウォーター" value=200>ミネラルウォーター (\200)
金猴皮鞋 (\5000)<BR>
<INPUT type="checkbox" name="ラーメン二郎" value=0 onClick="this.checked=false">ラーメン二郎 (完売)<BR>
<INPUT type="hidden" name="kingaku" value=""><BR>
感想・メッセージなどありましたらお願いします<BR>
<TEXTAREA rows=5 cols=50 name="comment"></TEXTAREA><BR>
<CENTER> <INPUT type="submit" value="送 信"> <INPUT type="reset" value="クリア"> </CENTER> </FORM> </TD> </TR> </TABLE> </CENTER> </BODY></HTML>
Macintosh版 NN4は、日本語だけしか入っていないテキスト欄をJavaScriptで読み込めないというバグがあるので、入力チェックにひっかかります。
NN4.7 Mac版では正常に読み込めるようです。
[★高収入が可能!WEBデザインのプロになってみない?!
自宅で仕事がしたい人必見!
]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]
FC2 | キャッシング 花 | 出会い 無料アクセス解析 | |