WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:オーダーページを作るには?

[MAIL][URL][WriteDate : Wed Sep 20 20:35:09 2000]

現在、HPを作成中です。その中で買い物をするページを
作りたいんです。具体的には、商品の一覧があって、ほしい商品を
クリックすると、その合計金額が表示されて、、、というものです。
オーダーする前に買ったものを確認して、不要なものがあれば
取り消すといった機能もほしいんですが、これはJavaScript
では無理でしょうか?

実は、私が利用しているプロバイダのサーバーでは、自作のCGIが
使えないので、JavaScriptで、そういったプログラムが
作れないか、また、その機能を全て作るのが難しい場合、どこまで
なら、JavaScriptでできるのでしょうか?

参考書などもいろいろ読んだんですが、解決策が見つかりません。
よろしくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Wed Sep 20 21:54:17 2000]

JavaScriptだけだとページをまたがるのは、結構難しいですが、
1ページで完結するなら、比較的簡単にできます。
当然、オーダーを受け付けるのは、mailtoスキームを利用することになります。(CGIが使えないので)

明日、会社に簡単なサンプルがあったと思いますので、探してみます。
それでは〜

[MAIL][URL][WriteDate :Thu Sep 21 00:05:10 2000]

さっそくのお返事ありがとうございます!!!

ページは1ページで完結する予定だったので・・・('ー ' *) 
よろしくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Thu Sep 21 12:05:44 2000]

以下の感じで、後はカスタマイズしてください。

<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
     var f1=false, f2=false, f3=false, f4=false, f5=false;
     function test_onSubmit(){
         if(document.TestForm.ID.value == ""){
            alert("お名前が入力されていません");
            return false;
         }
         if(f1 == false && f2 == false && f3 == false && f4 == false && f5 == false){
            alert("項目が入力されていません");
            return false;
         }
         
         wkmsg="mailto:" + document.TestForm.XTO.value + "?Subject=" + document.TestForm.XSUB.value;
         wkmsg = wkmsg + "&cc=" + document.TestForm.XCC.value;
         document.TestForm.action=wkmsg; 
         alert(wkmsg);
         return true;
     }
     function clear(){
         document.TestForm.ID.value = "";
         f1=false, f2=false, f3=false, f4=false, f5=false;
     }
     function sum(fm){
        wktotal = 0;
        if(fm.ShouhinA.checked){
           wktotal = eval(wktotal) + eval(fm.ShouhinA.value);
        }
        if(fm.ShouhinB.checked){
           wktotal = eval(wktotal) + eval(fm.ShouhinB.value);
        }
        if(fm.ShouhinC.checked){
           wktotal = eval(wktotal) + eval(fm.ShouhinC.value);
        }
        if(fm.ShouhinD.checked){
           wktotal = eval(wktotal) + eval(fm.ShouhinD.value);
        }
        if(fm.ShouhinE.checked){
           wktotal = eval(wktotal) + eval(fm.ShouhinE.value);
        }
        fm.goukeihyouji.value = "";
        fm.goukeihyouji.value = wktotal;
     }
</SCRIPT>
<form name="TestForm" METHOD="POST" ENCTYPE="text/plain" onSubmit="return test_onSubmit()">
<br>
<b>欲しい商品をクリックしてください。</b><br>
<br>
<INPUT TYPE="checkbox" NAME="ShouhinA" value="1000" onClick="f1=!f1">商品A(1000円)<br>
<INPUT TYPE="checkbox" NAME="ShouhinB" value="2000" onClick="f2=!f2">商品B(2000円)<br>
<INPUT TYPE="checkbox" NAME="ShouhinC" value="3000" onClick="f3=!f3">商品C(3000円)<br>
<INPUT TYPE="checkbox" NAME="ShouhinD" value="4000" onClick="f4=!f4">商品D(4000円)<br>
<INPUT TYPE="checkbox" NAME="ShouhinE" value="5000" onClick="f5=!f5">商品E(5000円)<br>
<br>
<b>お買い上げ合計</b><br>
<br>
<INPUT TYPE="button" NAME="goukei" value="合計" onClick="sum(this.form)"><br>
<INPUT TYPE="text" NAME="goukeihyouji" SIZE=10 VALUE=""><br><br>
<b>毎度ありがとうございます</b><br>
<br>
お客様のお名前: <INPUT TYPE="text" NAME="ID" SIZE=20><br>
<br>
<b>メールタイトル(Subject)と各メールアドレス(To,Cc)を入力して下さい。</b><br>
Subject: <INPUT TYPE="text" NAME="XSUB" SIZE=50 VALUE="注文メール"><br>
To:   <INPUT TYPE="text" NAME="XTO" SIZE=50 VALUE="chaichan@parkcity.ne.jp"><br>
Cc:   <INPUT TYPE="text" NAME="XCC" SIZE=50 VALUE="お客さまのメールアドレスをどうぞ"><br>
<br>
<br>
<INPUT TYPE="submit" VALUE="お買い上げのメール送る">
<INPUT TYPE="reset" VALUE="取り消し" onClick="clear()">
</form>
</BODY>
</HTML>

[MAIL][URL][WriteDate :Thu Sep 21 21:03:06 2000]

ありがとうございます!!!
これでやってみたんですが、実際に私がやりたかったことに
とても近いので、めちゃめちゃ感激です!

ただ、これをいろいろとカスタマイズしてみたんですが、
できなかったことがあるんです。(泣)

これだろ、商品名をクリックして、商品を選ぶ形になってますよね?
このほかに数量を入力できて、その上での合計がでるように
したいんです。それと、同一ページで、できるのか、できないのか
わからないんですが、オーダーする前に買ったもの(選んだもの)を
確認できるようにしたいんです〜。
どの商品を何個買ったか、という表なんですけど・・・。

これは可能でしょうか?

自分でいろいろやってみたんですが、最後には手がつけられない
状態になってしまって・・・。(ρ_;)

お手数をおかけしますが、よろしくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Fri Sep 22 09:13:57 2000]


>数量を入力できて、その上での合計がでるように
ちょっとお時間ください。仕事の合間に...。

>という表なんですけど・・・。
同一ページに出力は、不可能ではないと思いますが、IE、NNで別々になりますので、難しい...。
そこで、新規小ウインドウに出力するとか、テキストエリアに出力するなら比較的簡単にできると思います。 

 

[MAIL][URL][WriteDate :Fri Sep 22 13:04:06 2000]

面倒な質問してごめんなさい!

>新規小ウインドウに出力するとか、テキストエリアに出力するなら

この考え方は、私の中で全然なかったのでなるほど!って感じでした。
自分が買ったもの(選んだもの)の確認ができるのであれば
同一ページでなくともかまいません。この確認のときに間違ったものや
やっぱりいらない!と思ったものを取り消しできる機能は
JavaScriptでは可能ですか?
可能な場合はどのようなプログラム(?)になるんでしょうか?

ぜひ、助けてください。(ρ_;)
よろしくお願いします!!!

ちゃいぱ[MAIL][URL][WriteDate :Fri Sep 22 15:15:16 2000]

とりあえず、出来ました!
結構、ソース量がありますので、メールで送りたいと思います。
メール、お待ちしています。

chaichan@parkcity.ne.jp



[MAIL][URL][WriteDate :Fri Sep 22 21:49:44 2000]

さっそくメール送らせていただきました!

よろしくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Sat Sep 23 06:38:25 2000]

私の環境(WIN95、IE5&ネスケ4.5)では、問題ないです。

雅さんの環境をおしえてください。

きょうは、私用で出かけますので、レスは出来ないかも...。

[MAIL][URL][WriteDate :Sat Sep 23 22:56:18 2000]

いつもありがとうございます!

メールでも送ったんですが、『kaimono.htm』が
開けませんでした。(ρ_;)

『ランタイムエラーが発生しました。デバックしますか?』
というメッセージがでて、『いいえ』にすると

>商品 単価 数量 明細合計 

このテーブルのみがでます。『はい』にすると、
その他のファイルというものがでてきて、ちょっと雅には
わからないものがでました。(泣)
これはどうしたらいいんでしょうか?

それと、もうひとつ添付していただいたものは
正常に動作するときと、『買い物確認』の小さなウィンドウが
開けないときがありました。
『サーバーに表示されません。』といったメッセージで
たまにwebページでもみかけるおなじみの画面です。

また、買い物確認のページに間違った商品を取り消す
機能を設けることは可能でしょうか?

忙しい中、勝手なことばかり言って申し訳ありません。
どうかよろしくお願い致します。




[MAIL][URL][WriteDate :Sat Sep 23 22:57:33 2000]

それと私の環境は
Win98/IE5.0です。

よろしくお願いします。(ρ_;)

ちゃいぱ[MAIL][URL][WriteDate :Sun Sep 24 07:08:35 2000]

『kaimono.htm』とメインのhtmは同じサーバーのフォルダーにありますか?
もし同じフォルダーあれば、WIN98では、できないのかな...。

>買い物確認のページに間違った商品を取り消す機能を設けることは可能でしょうか? 
可能だと思います。



[MAIL][URL][WriteDate :Sun Sep 24 20:48:46 2000]

いつもありがとうございます。

取り消し機能のソースを作ってたんですが、
作っているうちにごちゃごちゃになってしまいました。

今後の参考にもしたいので、できればこの機能を
完成させたいのですが・・・・。

もしかしたら、基本的に間違った作り方をしているのかも
しれません。この場合、どういうタグまたはプログラムに
なるのか教えてください。

よろしくお願い致します

ちゃいぱ[MAIL][URL][WriteDate :Mon Sep 25 09:49:14 2000]


>買い物確認のページに間違った商品を取り消す 
実際に動かしてみるとわかりますが、
メインのページで再入力すればいいだけの話だと思います。
再入力して、確認をクリックするだけで変更が簡単にできます。すでに確認小画面が出ていますので...。

また、どうしても、確認小画面で取り消し等をやりたい場合は、メール送信機能をどちらに持たせるかなどによって、
ロジックが変ってきます。

あまり、複雑にしないほうが、なにかといいと思いますよ!

[MAIL][URL][WriteDate :Mon Sep 25 20:45:59 2000]

ありがとうございました!

オーダーページにこれから、画像などをいれていくんですが、
普通のHTMLを組み合わせていけば大丈夫ですよね?(^^;)


回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]