札幌Web制作のシンクグラフィカ

画面遷移せずにカートに入れるときの数量の可変について

石田さん (2013-05-08 17:53:43) http://www.act-co.jp/bridal/shaini_cart.html

お世話になります。大変ありがたく使用させていただいています。
メールフォームプロ4.0.9を設置してカートを作成してみました。
サンプル(設置途中ですが)をご覧いただくと分かりますが、カートにいれるボタンが。2行あります。
一行目にあるソレはきちんと機能します。しかし、フォーム画面に切り替わります。あたりまえですが。
ここで、テクニカルノートの「画面遷移せずに…」を参考に2行目のカートに入れるボタンを設置しましたが、
javascriptの記述にもあるとおり、....&qty1.... とあるが故に数量が一つカートに入るのだなとおもいます。
この、数値を任意の数値を入力させ、それを反映させたいのです。
数量のテキストフィールドを追加するのはたやすいことだと思いますが、javascriptの記述をどうしたらよいかわかりません。勝手なお願いですが、教えていただけると助かります。
かなり手を加えなければいけないでしょうか?
よろしくお願いします。

Re:画面遷移せずにカートに入れるときの数量の可変について

和田 (2013-05-09 06:53:48) www.synck.com

qtyの値を変えればOKです。
例えば
<select id="itemqty">
というタグで数量を指定する場合であれば
document.getElementById(’itemqty’).value
によって値は参照できます。これ以上はjavascriptのお勉強の話になってしまうので割愛しますが。

早っ!! ありがとうございます!

石田さん (2013-05-09 10:06:40) http://www.act-co.jp/bridal/shaini_cart.html

早速のご返事ありがとうございます。
無い頭を振りしぼって。お勉強してみます。その上でのkey wordとしては、よいヒントをいただけた気がします。
ちょと、、、がんばてみます。ありがとうございました。

やった、できました。

石田さん (2013-05-14 14:40:14) http://www.act-co.jp/bridal/shaini_cart.html

こんにちは、先日のお礼もかねて、結果報告です。

素人考えではありますが、以下の通り記述したら、できました。
師匠から見れば、こんなこともわからんのかとお叱りを受けそうですが、
私個人としては、苦労の甲斐あり、このうえない喜びでした。
つきましては、参考となればと思い、記述内容を掲載させていただきます。
間違いがあればご指摘いただけると幸いです。
本当にありがとうございました。

以下、修正を加えた記述です。

<div>
数量
<input id="itemqty" name="qty" type="number" size="5" maxlength="3" />
<input type="button" value="カートに入れる" onclick="addcart(this,’××××’,’カートに入れました’)" />
<script type="text/javascript">
 function addcart(obj,itemId,msg){
  obj.value = msg;
  obj.disabled = true;
  var qty = document.getElementById(’itemqty’).value
  var script = document.createElement(’script’);
  script.type = ’text/javascript’;
  script.src = "http://www.××××××.jp/mailformpro.cgi?addon=cart/cart.js&qty="+qty+"&callback=addcartCallback&item="+itemId;
  script.charset = ’UTF-8’;
  document.body.appendChild(script);
 };
 function addcartCallback(json){};
</script>
<input type="button" name="Button1" value="カート内容を見る" id="Button1" onclick="window.open(’http://www.××××××.jp/form_item.html’, ’_parent’);return false;__doPostBack(’Button1’,’’)" />
</div>

Re:画面遷移せずにカートに入れるときの数量の可変について

和田 (2013-05-28 05:18:58) www.synck.com

概ねよさそうですね。あとは数値の入力チェックとかいろいろありますが、動いていればOKです!