メールフォームプロ4 javascriptによるカスタマイズ

mitsuさん (2020-09-01 09:55:47) ※現在未公開

高機能なメールフォームのご提供、感謝致します。
今回、メールフォームを作成するにあたり、メールフォームプロ4の機能を利用しながら
javascriptによるカスタマイズを加えたいと考えております。
少々試してみましたところ、htmlファイル上、scriptタグでjsファイルを読み込んでも、
mailformpro.cgiを参照している状態では、こちらで作成したスクリプトが動作しません。
(mailformpro.cgiをコメントアウトすると動作します)
javascriptを追加する方法がありましたら、対象のファイル等ご教示いただけますと幸いです。
※カスタマイズ内容:プルダウンで特定の値を選択した場合、金額欄に既定の金額を上乗せするような動きです。

公開できるURLをお知らせください

和田憲幸 (2020-09-01 12:15:13) www.synck.com

URLが確認できない場合、こちらでもどういう状況かの判断がとても難しいため、大変お手数ですが公開できるURLをお知らせください。

メールフォームプロ4 javascriptによるカスタマイズ

mitsuさん (2020-09-02 01:00:18) xs299999.xsrv.jp/example.html

URLの準備がなく失礼致しました。
改めてURLを記載致しましたので、ご確認いただけますでしょうか。
スクリプトで実現したい動きとして、例えば
・「金額」に「1000」を入力、「券種」は「1000円」を選択すると、枚数「1」を自動表示する
・「包装」で※印のついた選択肢を選択すると、右端の金額欄に追加費用が上乗せされる
といったものです。よろしくお願い致します。

以下のようにcontact_calc.jsを調整ください

和田憲幸 (2020-09-02 08:52:18) www.synck.com

contact_calc.jsの
function calc() {
~処理~
}
となっている部分を
mfp.extend.event(’calc’,function(){
~処理~
});

と変更してみてください。

メールフォームプロ4 javascriptによるカスタマイズ

mitsuさん (2020-09-02 10:23:17) xs299999.xsrv.jp/example.html

早速のご回答、誠にありがとうございます。
いただいた記述に変更してみましたところ、"mfp is not defined"のエラーとなります。
いずれかの場所で"mfp"を定義されているのでしょうか。
mailformproディレクトリ配下の既存ファイル(例えば/add-ons/cart/cart.js)に
同じ記述を追記するといったことも試してみたのですが、やはり動かず…。
度々の質問、申し訳ありません。ご教示いただけますと幸いです。