メールフォームプロ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）に
同じ記述を追記するといったことも試してみたのですが、やはり動かず…。
度々の質問、申し訳ありません。ご教示いただけますと幸いです。