カラーミーショップは「手軽にネットショップができる」「デザインを作りこみやすい」ので
人気があるショッピングカートサービスなのですが、
いくつか困った仕様があり…その1つが
-------------------------------------------------------------------------------------------
商品に「Sサイズ、Mサイズ、Lサイズ」といったオプションを設定すると、
Sサイズの在庫が0でも、買い物カゴに入ってしまう(買い物カゴには入っても「在庫0です」とメッセージが出て、レジも出来ないようにはなっているのですが)-------------------------------------------------------------------------------------------
というものがあります。
これは
https://shop-pro.jp/wbbs/wbbs.php?e=thread&tid=8185こちらのJavaScriptを取り入れていくと、ほぼ解決できるのですが、
オプションが2つになると、IEでの挙動がおかしくなるようで…(初回表示はOKなのですが、オプションを切り替える時にうまく動かないようで…バージョンの問題かも知れませんが…)なので調べてみたところ
IEでは、子ページから、親ページのDOMにイベントハンドラをつける事は出来ない???そんな挙動があったので(上記、出来る方法もあるのかも知れませんが…一筋縄ではいかないような感じだったので)、
回避策として、オプションが切り替えられた時のイベントハンドラを親ページの方につけかえて
(簡単に言えば、option1のところにonclickイベントハンドラをつけた。というだけです^^;)
そのonclickで→親ページにあるfunctionを実行(子ページのfunctionを動かすだけ)→子ページにあるfunctionを実行(在庫がない時は、買い物カゴに入れられないようにするfunction)
(onclickから、直接、子ページのfunctionを呼べれば、良かったのですが…自分はgetElementByIdで子ページを指定したので、onclickのところに直接書けなかったんですね^^;;)
とりあえず、そうする事で、IEでも問題なく動くようになりました☆(あまりスマートなやり方では無いのですが(;^_^A少しでも参考になれば…ですo(_ _*)o)
↓対応させて頂いたネットショップがオープンいたしました!↓
----------------------------------------------------------
MAMMYTRACK(マミートラック)♥可愛い子供服や小物・雑貨を販売しています♥
"デニム&ダンガリー"
"ゴートゥーハリウッド"
"グルービーカラー"
"ラゲッドワークス"
"tata baby"
----------------------------------------------------------
===MT、WordPress、jQuery対応!========================
☆☆大切なホームページ、丁寧に作成させて頂きます☆☆
ホームページ作成のべるぽん
================================================