2010年5月25日

カートに入れるを二ヶ所につける 2

前回のつづきです。
カラーミーショップ!プロに「カートに入れる」をふたつ設置できるか。

修正する点
テキスト入力フィールドと「カートに入れる」ボタンを設置
<form>~</form>のなかの設置したい場所に、2箇所目の<input>(とその周辺)を記述します。

増減ボタンをクリックした場合
cart.js内の関数「f_change_num2」を直接修正してアップロードすることができませんので、正規表現と置換を使って、呼び出す関数を差し替えます。
呼び出す関数は「f_change_num2」 をベースに、複数あるテキスト入力フィールドの整合がとれるように数行付け加えます。作成したJavaScriptはレンタルサーバーに置きます。

テキスト入力フィールドに直接文字を入力した場合
JavaScriptのイベントハンドラ、onKeyUp(キーアップ時に発生するイベント) を使用し、テキスト入力フィールドの整合をとるための関数を呼び出します。
自前で作成します(わずか数行です)。

次回はサンプルを作ってみます。


カートに入れるを二ヶ所につける 3」につづく。