- ベストアンサー
ホームページ作成 自動見積計算
レンタル商品を取り扱うホームページを作成しております。自動的に見積もりを表記するホームページをよく見かけます。エクセルではできるのですが、ホームページとなるとさっぱりわかりません。お知恵を拝借したくお願いいたします。カテゴリの一つ目は、1か月から12カ月等を三角を押すと選べるボタンで選択できて、二つ目は、商品のロットを入力したら掛け算をし、さらに送料に関しても、ロットによって加算できて、消費税を計算できるようなものを作りたいです。どうぞよろしくお願いいたします。
- okokbokujyo
- お礼率60% (3/5)
- JavaScript
- 回答数5
- ありがとう数3
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 サーバサイドで計算した結果を表示するか、JavaScriptで計算して表示するものになります。 >1か月から12カ月等を三角を押すと選べるボタンで選択できて、二つ目は、商品のロットを入力したら掛け算をし、さらに送料に関しても、ロットによって加算できて、消費税を計算できるようなものを作りたいです。 仕様の不確定な部分が多く、ここで作成するのは難しいです。 http://hoshiya.biz/blog/2010/09/javascript-4.php このようなものを自分のサイトの仕様に合わせてカスタマイズするか、 それが難しいのであれば専門の業者へお願いするのが最短の方法です。
その他の回答 (4)
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 自分の環境では出力されていますので、何か原因があるとは思いますが。 とりあえず、全文貼っていただけませんか？
お礼
LancerVIIさん ご連絡ありがとうございます。 何度か試しましたが環境がおかしいのか再現できませんでした。私は、HPB15を使用しています。 丸ごとソース入力画面に入れて試したり、 headとbodyを分けて試したりしたのですが、ブラウザーで 計算を押しても、結果表記がなされませんでした。 お手数をおかけしてしまい恐縮いたします。 本当に何度もアドバイスいただきありがとうございました。
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 >「計算」を押しても表示が出てきませんでした。 >なぜでしょうか。 >教えていただけますと非常にありがたいです。 表示が出ないというのはどこの表示でしょうか？ phpで機械的に書いたところを静的にして書き換えただけで動かなくなるのは考えにくいです。 ちょっと情報が少なく、的確な回答では無くすみません。 alert('ここまでは動いた'); とかでどこまで実行されているか確認してみてください。 Firefoxを使えばFirebugというツールもあるのですが難しいですかね。 Web開発するなら上記のようなツールを使うと開発の手助けになります。
補足
LancerVIIさん いつもお世話になります。 覗いていただきありがとうございました。 前回補足の補てんをさせていただきますと、 HPBで編集をしておりますが、HTMLソースに丸ごと作成いただいたソースをコピペして貼り付けた後に確認しています。 <option value="">個数</option> の下に <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> と書き込んでみましたが、 ブラウザー（chrome・explorer）やプレビュー（HPBの確認画面のような物）で操作を試みると 計算ボタンを押しても、以下すべての表示枠に 数値が出てきません。 A,B,C,D,A+C+D=の4か所とも数値が出ません。 以上、となります。 またお時間がございましたらご指導願います。
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 イメージは以下のようになると思います。 適当に環境に合わせてカスタマイズしてください。 (途中の<?php・・・は無視してください。個数を機械的に作ってるだけです) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> window.onload = function() { var TAX = 0.05; var btn = document.getElementById('btn-calc'); btn.onclick = function() { var kikan = document.getElementById('sel-kikan').value; var suryo = document.getElementById('sel-suryo').value; var syokei = kikan * suryo; //基本は500円 var soryo = 500; //数量が4以上8以下の場合は200円 if ( suryo >= 4 && suryo <= 8 ) soryo = 200; //数量が9以上の場合は100円 if ( suryo >=9 ) soryo = 100; var soryoGokei = suryo * soryo; document.getElementById('syokei').value = syokei; document.getElementById('soryo').value = soryo; document.getElementById('soryo-gokei').value = soryoGokei; var tax = (syokei + soryoGokei) * TAX; document.getElementById('tax').value = tax; var gokei = ( syokei + soryoGokei ) + tax; document.getElementById('gokei').value = gokei; } } </script> </head> <body> <select name="kikan" id="sel-kikan"> <option value="">レンタル期間</option> <option value="10000">1ヶ月</option> <option value="12000">2ヶ月</option> <option value="22000">12ヶ月</option> </select> <select name="suryo" id="sel-suryo"> <option value="">個数</option> <?php for ( $i = 1; $i <= 50; $i ++ ) : ?> <option value="<?php echo $i ?>"><?php echo $i ?></option> <?php endfor; ?> </select> <p><button type="button" id="btn-calc">計算</button></p> <p>期間×個数：<input type="text" name="syokei">(A)</p> <p>送料(ひとつあたり)：<input type="text" name="soryo">(B)</p> <p>送料合計(個数×(B))：<input type="text" name="soryo-gokei">(C)</p> <p>消費税：<input type="text" name="tax">(D)</p> <p>合計( (A) + (C) + (D) )：<input type="text" name="gokei"></p> </body> </html>
補足
LancerVIIさん いつもありがとうございます。 <option value="">個数</option> の下に <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> と書き込んでみましたが、 「計算」を押しても表示が出てきませんでした。 なぜでしょうか。 教えていただけますと非常にありがたいです。
- lv4u
- ベストアンサー率27% (1862/6715)
>>エクセルではできるのですが、ホームページとなるとさっぱりわかりません。 サーバ上で動く、そういう計算をするプログラムを作成します。 書店で探せば、参考になる書籍がみつかると思います。 でも、自分で作れるようになるには、時間がかかりますので、そういう機能を持ったショッピングサイトを利用するとか、そういう機能のあるソフトを購入するとか、業者に依頼して作ってもらうなどすればいいと思います。
お礼
ご回答ありがとうございます。過去にショッピングサイトを自作で作り、ＨＰＢ15とダビンチカートでネットショップを作りました。そちらは今も稼働しているのですが、今回、見積もりだけなので自作を目標にソースを探しています。また、アドバスがございましたらよろしくお願いします。
お礼
このサイトを私も確認しました。目指しているものに凄く近くて、内容の編集までしていました。しかしながら、商品のロットによって送料が変動するので、そこで詰まりました。探していただいて本当にありがとうございます。
補足
すみません仕様を追記します。 「レンタル商品の見積もり計算」 レンタル商品Ａ 利用者選択：レンタル期間 （1か月10000円、2か月12000円、・・12か月22000円） 利用者選択：レンタル商品の個数 （1個、2個、3個、・・・50個） 自動計算内容 （レンタル期間（選択）×個数（選択）＋個数による送料×消費税） 結果表示：合計、送料、消費税、総合計 以上です。 個数により送料が変動します。 1個～3個の場合1個当たり500円、4個～8個の場合1個当たり200円、9個以上の場合は1個当たり100円というふうに、IFのような設定が必要なのかと思います。