![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
質問です。HTMLはまったくの初心者なのです。
一応項目を白、赤(1000円)、黄色
(+500円)があり、他には買い物カゴボタンと
数量を入れる箇所があるのですが
項目を赤(1000円)を選んで買い物カゴボタン
を押しても当然値段は変わることがありません。
なんとか値段も変わるようにしたいのですが、
<INPUTtype='hidden'name='sy'value='************'>
この***********の部分には数字が入っているのですが
ここを変えれば買い物カゴに登録してある別の商品に変わることは確認しています。(リンク先が変わる)
そこでいくつも<INPUTtype~~************'>を作
り、赤(1000円)や白、の項目を変えれば自動で
別のリンク先(別の商品に)行くようにHTMLを書き
換えたいと考えています。どのようにHTMLを変えればよいのでしょうか?
<TITLE></TITLE>
</HEAD>
<BODY><FORM action='http://www.e-sho***.jp/*****/*****_order_***.php' method='post' target='_blank' style='margin:0;font-size:10pt'>
色:<SELECT name="spec1">
<option value="色:白">白</option>
<option value="色:赤(+1000円)">赤(+1000円)</option>
<option value="色:黄色(+500円)">黄色(+500円)</option>
</SELECT>
<br>
<BR>
<!-- 数量指定ここから -->
注文数<INPUT size='3' type='text' maxlength='3' style='ime-mode: disabled' value='1' name='suryo'> 個
<!-- 数量指定ここまで -->
<br>
<INPUT type='submit' value='カゴに入れる'> <INPUT type='hidden' name='button' value='追加'>
<INPUT type='hidden' name='sy' value='************'>
<INPUT type='hidden' name='sh' value='***'>
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?5a7ff87)
No.6ベストアンサー
- 回答日時:
#3です。
前回紹介したスクリプトで質問された通りの結果がでたようでよかったです。
スクリプトエラーの件ですが、こちらの環境(Dreamweaver)ではエラーはでませんでした。
また、実際の表示では問題ないということですので大丈夫かとは思いますが、思い当たるのは表示ブラウザのバージョンの問題です。
ブラウザのバージョンが古いと「オブジェクトを指定してください」というエラーがでる場合があります。
そのあたりはあまり詳しくはないので、はっきりしたことは申し上げられませんが、推測するにはそのホームページビルダーのブラウザをエミュレート(再現)する環境が古いのではないかな…とはなんとなく思います。(^-^;
-------------------------------------------------
蛇足ですが、先日書いたスクリプトはjavascriptを使用していますが、これは利用者のブラウザが古い場合やjavascriptがオフになっている場合には利用できません。ですので本来ならばCGI(レンタルしたショッピングカートですね)側で実現するべきことです。
まして、金銭を扱うショッピングカートですので本当はこのスクリプトはあまりオススメできません。
ですのでもしそういったことに配慮するのであれば、「Tシャツ赤 1,000円 『買い物かごに入れる』」「Tシャツ青 3,000円 『買い物かごに入れる』」「Tシャツ黄 5,000円 『買い物かごに入れる』」と全て別々で記述したほうがよいでしょう。
またもしCGI側で実現させたい場合はフリーのショッピングカートCGIなどをご自分で導入されたほうがよいかと思います。
下のアドレスはわたしがお遊びで作ったショッピングサイト(本当のお店ではない)ですが、これもフリーのショッピングカートのCGIを使っています。
http://bakeryash.jpn.org/shopping/list_basic1.html
-------------------------------------------------
前回紹介しましたスクリプトは複数設置する場合は変更しなければいけない箇所があるのですが、お気づきでしょうか?
<FORM name=form1>とCart001の部分ですが…。
また何かあったら補足してください♪
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?5a7ff87)
No.5
- 回答日時:
#3です。
ふと思いついたので適当に書いてみました。
カートは試用するのに申し込んでから時間がかかるようなのでカート上では実行してみてはいません。
なのでうまく動くかどうかはわからないですが…。
色を選択すると<INPUT type='hidden' name='sy' value='************'>と<INPUT type='hidden' name='sh' value='***'>の*の値が連動して変化するようにしたスクリプトです。
一度試してみてもらえますか?
とりあえず変更箇所は●、■、▲の部分だけです。(//のあとに記述されたコメント部分は変更しなくてよいです。)
根本的に意味が違ったらすみません。(^-^;;
<html>
<head>
<TITLE></TITLE>
</HEAD>
<BODY>
<FORM name=form1 onsubmit="mai('s');return false;" action='http://www.e-sho***.jp/*****/*****_order_***.php' method='post' target='_blank' style='margin:0;font-size:10pt'>
色: <SELECT onchange=Cart001(); name="spec1">
<OPTION value=0 selected>選択してください </OPTION>
</SELECT>
<br>
<BR>
<!-- 数量指定ここから -->
注文数
<INPUT size='3' type='text' maxlength='3' style='ime-mode: disabled' value='1' name='suryo'> 個
<!-- 数量指定ここまで -->
<br>
<INPUT type='submit' value='カゴに入れる'>
<INPUT type='hidden' name='button' value='追加'>
<input type="hidden" onchange=Cart001(); name=sy>
<input type="hidden" onchange=Cart001(); name=sh>
</form>
<script type="text/javascript">
document.form1.spec1.length = 4;
document.form1.spec1.options[1].text = "赤 (1,000円)"; //●
document.form1.spec1.options[2].text = "青 (3,000円)"; //■
document.form1.spec1.options[3].text = "黄 (5,000円)"; //▲
</script>
<script type="text/javascript">
<!--
function Cart001(){
document.form1.sy.length = 1;
var n = document.form1.spec1.selectedIndex
switch (n) {
//ここより下、商品番号を変更する
case 1: //1番目の商品番号 (●)
document.form1.sy.value = "●"; // 赤の場合の<INPUT type='hidden' name='sy' value='************'>の************に入る値を●に置き換える
document.form1.sh.value = "●"; // 赤の場合の<INPUT type='hidden' name='sh' value='***'>の***入る値を●に置き換える
break;
case 2: //2番目の商品番号 (■)
document.form1.sy.value = "■"; // 青の場合の<INPUT type='hidden' name='sy' value='************'>の************に入る値を■に置き換える
document.form1.sh.value = "■"; // 青の場合の<INPUT type='hidden' name='sh' value='***'>の***入る値を■に置き換える
break;
case 3: //3番目の商品番号 (▲)
document.form1.sy.value = "▲"; // 黄の場合の<INPUT type='hidden' name='sy' value='************'>の************に入る値を▲に置き換える
document.form1.sh.value = "▲"; // 黄の場合の<INPUT type='hidden' name='sh' value='***'>の***入る値を▲に置き換える
break;
//変更ここまで
}
}
// -->
</script>
</body>
</html>
この回答への補足
すばらしいです。出来ました。ありがとうございます。
ただ問題が一つ出たのですが・・。
このソースを使ってボタンを作成すると、Internet expolrer スクリプトエラー というのが出ます。
ライン 9
文字 1
オブジェクトを指定してください。
URL ・・・・・・・
このスクリプトを実行し続けますか?と聞かれ
はいを押すとちゃんと実行できます。
このエラー文字はなぜ出るのでしょうか?
ボタンを押すごとに毎回でます。
どうにか解決できる方法はないでしょうか?
よろしくお願いします。。
No.4
- 回答日時:
#2です。
デフォルトの買い物カゴの仕様改造と解釈しました。
1.セレクトメニューにonChangeで関数を起動させるようにしてはどうでしょうか。hiddenの値をphpに渡す関数です。
2.<option value="色:白">白</option>のvalue値って、意味をなしていないと思うのですが…。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?5a7ff87)
No.3
- 回答日時:
横レスすみません。
もしよろしければそのレンタルカートのアドレスを教えていただけますか?
レンタル元でいいです。
そのカート自体を見ることができれば的確なアドバイスができると思いますよ。
この回答への補足
ありがとうございます。
http://cart.e-shops.jp/
ここのレンタルカートなのですが、属性(セレクト
メニュー)はいくつも作ることは出来るのですが
属性ごとに値段を変える機能がないため困っています。
お試し期間もありますので一度使っていただける
と助かります。
具体的に言いますと
http://www.aromashop.jp/shop/ProductSearch.do;js …
ここのHPのように項目ごとに値段を付けたいの
ですが、イーショップは属性が決めることが出来ても
値段をそれぞれ付けるといったことが出来ません。
よろしければアドバイスお願いします。
前のソースエラーが出たというのはホームページビルダーの中でのプレビューでの話です。実際HPにアップし、使う分には何も
表示されませんし、問題なく使えます。
ただホームページビルダーの中ではスクリプト
エラーと出たので気になりました。
No.2
- 回答日時:
質問の意図がいまいちわかりません。
>赤(1000円)や白、の項目を変えれば自動で
別のリンク先(別の商品に)行くようにHTMLを書き
換えたいと考えています。
とありますが、では、「カゴに入れる」ボタンを押したら移動するのではなく、「セレクトメニューを変えたら自動でページが移動する」と解釈してもよいでしょうか。また、その際に表示されるページの内容は?
この回答への補足
説明が足らずすみません。
>では、「カゴに入れる」ボタンを押したら移動する
>のではなく、「セレクトメニューを変えたら自動で
>ページが移動する」と解釈してもよいでしょうか。
>また、その際に表示されるページの内容は?
いえ、セレクトメニューを変えたら自動でページが
移動するのではなく、セレクトメニューを選んで
買いのもカゴボタンを押して、移動します。
ここは変更はありません。問題は移動先ですが、移動先をセレクトメニューで変更できるようにしたいと考
えています。
移動先ですが、私が使っているレンタルカートは
一番最初に書いたソースを登録商品ごとにくれます。
このソースをHTMLとして貼り付けるとボタンも
出来て、ボタンを押すとリンク先に飛ばされます。
(商品ごとの違いは先にも書きましたが****の数字のみです。つまり商品の数だけ数字があるわけです。)
そこでセレクトメニューで項目を選ぶとこの数字も連
動して変わるようにHTMLを書き換えられば
価格の違う複数の商品を一つのボタンでまとめられるので全て上手くいくのですが・・。
とてもややこしい説明で申し訳ありません。
意味の分からないところがあれば指摘してください。
よろしくお願いします。
No.1
- 回答日時:
HTMLだけでは動作しませんがそのあたりはご存知なのですよね?
フォームだけ作ってもだめですよ。
この回答への補足
すみません。フォームだけでは作動しないというのは
なぜでしょうか?私は作動すると思うのですが・・。
カートで商品登録するとカートボタン付きのHTML
(ソース)を貰うことが出来ます。(前に書いた物です。)
しかし何個登録しても同じソースがもらえるます。
違うのは12桁ほどの数字だけです。
つまりこの数字が商品の識別番号ではないのでしょうか?。手動で数字を変えてみると別の登録した商品
に飛ばされ、買い物カゴにその商品が入ります。
その手動でやった部分を、項目(商品の属性)を選ぶ
ことで自動で任意の数字が適応され、商品を買い物カ
ゴに入るようにしたいです。
このようなことはやはり出来ないのでしょうか?
よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
チェックボックスとセレクトボ...
-
メールフォームのプルダウンメ...
-
買い物カゴの作成
-
リストボックス(multipleなsel...
-
select値をhiddenのvalueに渡し...
-
OPTIONタグにループは使えない...
-
FORMのselectの選択肢を最初か...
-
Select Case について教えてく...
-
wordの数式について 定積分を書...
-
チェックボックスの返す値
-
VB.net データーグリッドビュー...
-
[HTML]プルダウンメニューの横...
-
Error: No Recipient というエ...
-
パールの-pオプションの値0777...
-
CGIでチェックボックスを使...
-
Shiromuku様のCGIの幅設定な...
-
CGIでラジオボタンの選択結果を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
select値をhiddenのvalueに渡し...
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
ラジオボタンを選択済みにする...
-
ある条件での必須入力について
-
チェックボックスグループの一...
-
<select>タグの幅設定
-
プルダウンメニューでValue値を...
-
htmlでセルの値を取得して計算...
-
プルダウンメニューにテキスト...
-
HTML プルダウンメニューの選択...
-
PHPで検索ボタンを押さずに検索...
-
iframeごとに戻るボタンを
-
リストボックス(multipleなsel...
-
メールフォームのプルダウンメ...
-
チェックボックスの余白を指定...
-
htmlで on off 未選択 を表現す...
おすすめ情報