画面遷移せずにカートに入れるときの数量の可変について
石田さん (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です!