ショッピングバスケットJavaScript版

■特徴と機能
JavaScriptのみでショッピングバスケットを実現ます
ＣＧＩの利用できないサーバにおいても設置が可能です
サーバ環境に依存しないので設置が簡単です
注文内容の蓄積と金額を自動的に計算します
インターネットエクスプローラの場合は住所などの入力チェックの上、送信が可能です
ネットスケープの場合は「自動送信」に対応していないため、注文内容をメールにて送信します

サーバに設置しなくても動作しますので少し使ってみましょう（未設定のため［注文］ボタンは押さないでください）

■著作権と利用条件
著作権は「インターネットコミュニティ」が所有しております
これらのスクリプトは無料で設置・利用・配布が可能ですが、著作権表示を消すことはできません
但し、以下の条件の場合はこの限りではない
１．当社の開発したシステムを利用している場合
２．当社の許可を得てライセンス料を収めた場合
これらのスクリプトの内容を変更することは可能ですが、変更した物を配布することは禁止とします

■動作環境
・設置するサーバ
ＷＷＷ配信用の一般的なサーバであれば設置可能です
・利用側クライアントの環境
−共通
JavaScriptとクッキーが有効であること
※対応していない場合は警告が表示されます
−Windowsの場合
インターネットエクスプローラ５．０以上
ネットスケープ６．０以上
※上記バージョン未満では正しく動作しません
−MacOSの場合
※文字化け等の発生が確認されており利用できない場合があります
−UNIXの場合
※文字コードの関係で正しく動作しません

■制限事項
消費税計算は行われませんので内税にて使用するか最終的な見積として計算してください

■ファイルの内容
README.html ショッピングバスケット手引き（このファイル）
cart.html ブラウザの対応確認用
cart_main.html カートのメイン
orderform_ie.html インターネットエクスプローラ用オーダーフォーム
orderform_nn.html ネットスケープナビゲーター用オーダーフォーム
thankyou.html インターネットエクスプローラ用送信完了画面
cart.js カート用ＪＳファイル
ck.js ブラウザ確認用ＪＳファイル

■設置方法
１．orderform_ie.htmlとorderform_nn.html中のメールアドレスYourName@YourDomainをあなたのメールアドレスに変更
２．README.html 以外のファイルをサーバに転送
３．下記の「入力テスト用フォーム」を参考に商品ページへフォームを入れてサーバに転送

バスケット用フォーム例	フォームのＨＴＭＬタグ
■入力テスト用フォーム 商品番号： 商品名： 価格：半角数字 数量：半角数字	<form method="GET" action="cart.html" target="CART"> 商品番号：<input type="text" size="20" name="CODE"><br> 商品名：<input type="text" size="30" name="NAME"><br> 価格：<input type="text" size="8" name="PRICE">半角数字<br> 数量：<input type="text" size="3" name="QTY">半角数字<br> <input type="submit" value="かごへ入れる"><br> </form>
■バスケットフォーム例１（個数１個固定） 商品番号：ABC-0001 商品名：洗面器 価格：500 数量：1	<form method="GET" action="cart.html" target="CART"> <input type="hidden" name="CODE" value="ABC-0001"> <input type="hidden" name="NAME" value="洗面器"> <input type="hidden" name="PRICE" value="500"> <input type="hidden" name="QTY" value="1"> 商品番号：ABC-0001<br> 商品名：洗面器<br> 価格：500<br> 数量：1<br> <input type="submit" value="かごへ入れる"><br> </form>
■バスケットフォーム例２（個数プルダウン選択） 商品番号：ABC-0002 商品名：タオル 価格：100 数量： 1 2 3 4 5	<form method="GET" action="cart.html" target="CART"> <input type="hidden" name="CODE" value="ABC-0002"> <input type="hidden" name="NAME" value="タオル"> <input type="hidden" name="PRICE" value="100"> 商品番号：ABC-0002<br> 商品名：タオル<br> 価格：100<br> 数量：<select name="QTY"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <input type="submit" value="かごへ入れる"><br> </form>
■バスケットフォーム例３（数量入力） 商品番号：ABC-0003 商品名：セッケン 価格：200 数量：半角数字	<form method="GET" action="cart.html" target="CART"> <input type="hidden" name="CODE" value="ABC-0003"> <input type="hidden" name="NAME" value="セッケン"> <input type="hidden" name="PRICE" value="200"> 商品番号：ABC-0003<br> 商品名：セッケン<br> 価格：200<br> 数量：<input type="text" size="3" name="QTY">半角数字<br> <input type="submit" value="かごへ入れる"><br> </form>