札幌Web制作のシンクグラフィカ

javascript が動作しなくなりました。

半次郎さん (2020-05-19 15:59:12) www.myoukensan.com/mailformpro_goma/examples/test1.html#total

お世話になっております、北見出身なので何かご縁を感じつつ数年前から使用させていただいております。
友人のお寺のサイトで、護摩の申し込みサイトを作ることを提案したものの、にっちもさっちも行かなくてお手上げ状態。
かれこれひと月以上も悪戦苦闘しています、お助けください。(前文長くて申し訳ありません)

サイトの構成
1)申し込み氏名、住所、メールアドレスなど
2)護摩祈祷氏名、願意(3つまで)→7名分 *script=form1で動作

2)の申し込み、願意計算を自動計算scriptを設置して、願意数×期間=合計 →+人数分 →総合計
 ここまでは順調に動作しておりました。
1)の申し込み氏名などを自動入力を動作させたく設置した時、自動計算が動作しなくなりました。

<form id="mailformpro" 〜> (57line)や <form id="mailformpro" 〜 name=’form1"> (187line) の位置移動や削除したりして、動作確認を重ねましたが、駄目でした。

今のところは自動計算は動作しておりますが、自動入力(javascript)は動作しておりません。
それでもいいかと思ったのですが、申込者への確認メールが届かないことがわかりましたし、入力枠(ブラウザによる)にも若干影響もあるようです。

お忙しいところ大変恐縮ですが、是非ご確認いただき、解決が出来るのであればお知らせください。
よろしくお願い申し上げます。

formの閉じタグのあとにscriptタグが必要です

和田憲幸 (2020-05-19 18:58:52) www.synck.com

formの閉じタグの直後にmfpjsというidが付いたscriptタグが本来であれば必要になります。
サンプルのHTMLを参考にscriptタグを追加してください。

返信:javascript が動作しなくなりました。

半次郎さん (2020-05-19 19:29:04) www.myoukensan.com/mailformpro_goma/examples/test1.html#total

さっそくにご回答をありがとうございました。
ご指摘のように、サンプルをみて
(182line)</form>
(183line)<script type="text/javascript" id="mfpjs" src="mailformpro/mailformpro.cgi" charset="UTF-8"></script>
としてみましたが、うまく動作しませんでした。

これ以上のアドバイスを頂けるものでしょうか?
いただければ幸いですが、無料だと限界でしょうか?
もし限界でもしかたないと思いますが、ご返事をいただければと思います。

よろしくお願い申し上げます。
ありがとうございました。

srcのパスが正しくないようです

和田憲幸 (2020-05-19 20:59:30) www.synck.com

<script type="text/javascript" id="mfpjs" src="mailformpro/mailformpro.cgi" charset="UTF-8"></script>
上記のタグがformの上にひとつありまして、それをまず削除していただくのと、formの閉じタグの下に追加していただいたものはパス(srcの値)が誤っているようで404エラーになっております。

javascript が動作しなくなりました。

半次郎さん (2020-05-19 22:32:15) www.myoukensan.com/mailformpro_goma/examples/test1.html#total

さっそくにありがとうございました。
今確認しながら修正してみました、できました。
自動入力、計算も間違いなくできています。
本当にお手数をおかけしました。

送信ボタンを押しても、404 Not Found になってしまっていますが、これはなぜでしょうか?
一つ解決すると新たに問題がでるのは、きっと私の作り方が良くないのだと思いますが…ご厚意で今ひとつご教示いただければ幸いです。

本当に申し訳ありません。

*ちなみにこの不具合などを作業をお願いしたら、金額的にはどのくらいになるでしょうか?
 今後のためにもお知らせいただければと思っております。

どうぞご検討ください。

formタグのname属性を削除してください

和田憲幸 (2020-05-19 22:55:46) www.synck.com

<form id="mailformpro" action="mailformpro/mailformpro.cgi" name="form1" method="POST">
となっている部分のname="form1"の部分を削除してみてください。

通常の設置であれば11500円なのですが、別途いろいろとカスタマイズされたスクリプトが含まれるので、費用的にもうちょっと高くなってしまうと思います。なので、上記で解決するとよいのですが・・・。

javascript が動作しなくなりました。

半次郎さん (2020-05-19 23:18:02) www.myoukensan.com/mailformpro_goma/examples/test1.html#total

さっそくのご返事を心から感謝致します。

ご指示のように、name="form1" を削除すると、自動入力は可能ですが、計算部分が動作しなくなりました。
ここの理由がまったくわかりませんが、"form1"を削除させると、どこにも "form1" というscriptを動作させるコマンドがなくなるためだと思いますが、それをどうしたらいいのか…まったく不明です。
でも自動入力と自動計算が同時に成立したことは、いままでできなかったことですので、とてもありがたいです。
感謝致します。

お願いしたときの金額、検討させていただきます。
無償にて制作していますので(広告デザイナーなのでWebsiteha門外漢)友人とも相談して検討してみます。

ありがとうございます。

formタグが複数ありました

和田憲幸 (2020-05-19 23:33:54) www.synck.com

<form id="mailformpro" action="mailformpro/mailformpro.cgi" name="form1" method="POST">
のタグが複数ありました。formがひとつになるようにタグの構成を変更してください。

計算が動かなくなるという部分はform1を取り除いたためですが、
document.form1
となっている部分を
document.getElementById(’mailformpro’)
と置き換えることで動作するようになると思います。

form1 差し替えても動作せずです。

半次郎さん (2020-05-20 00:15:43) www.myoukensan.com/mailformpro_goma/examples/test1.html#total

本当に早いご回答で助かります。(今リモートなので明日が休みなので作業しています)

187行目の
<form id="mailformpro" action="mailformpro/mailformpro.cgi" name="form1" method="POST">
182行目の
</form>
を削除して、ご指示のように、

1293行目以降の
var price1 = document.form1.pray_1.selectedIndex * 500; // 単価を設定
document.form1.amount_p1.value = price1;
以降を、各々
var price1 = document.getElementById(’mailformpro’).pray_1.selectedIndex * 500; // 単価を設定
document.getElementById(’mailformpro’).amount_p1.value = price1;
としましたが、機能しません。

きっと私の 認識違いかと思われますので、あらためて作業してみたいと思っております。
和田さんがお書きのように、できないことが一つでも出来るようになるとワクワクしますね、サイトは。
それにしても、どうしていいかわからなくなり息詰まるのは堪らないですね。
色々お知らせいただき、心から御礼を申し上げます。

こちらから確認する限りでは変わっていないようです

和田憲幸 (2020-05-20 00:32:06) www.synck.com

URLをこちらから確認しましたが、こちらから見る限りでは変わっていないようです。
当方のローカル環境では
<form id="mailformpro">

</form>←ここを消す
<form id="mailformpro">←ここを消す

</form>
上記のように間にはさまっているformの閉じタグと開始タグを削除することで正常に動作することを確認しました。
計算部分に関しては未検証ですが。
あともう少しだと思いますので頑張ってください。
もし動作しない場合は、要素数(HTMLのコード数)が多いと検証が非常に大変になりますので別ファイルに要素を絞ったものを作成し、少しづつ動く範囲を広げていくやり方をすることで問題点を絞りやすく円滑に制作をすることができますので、お試しください。

変わっていないですか…再トライしてみます

半次郎さん (2020-05-20 01:06:27) www.myoukensan.com/mailformpro_goma/examples/test1.html#total

遅くまで申し訳ありません。

現状、
<form id="mailformpro" 〜>

</form>←ここを消して
<form id="mailformpro">←ここも消しております。

</form> ←こちらは一番最後の部分だと思います。

先の
document.form1 → document.getElementById(’mailformpro’) も含めて再度時間をとりやってみます。
確かにいまの全体だと邪魔なので、新しいサイト名をつくり端折って検証したいと思います。

親身にご回答頂きありがとうございます。
すこしはゆっくり眠れそうです。

また相談に乗っていただければ幸いです。
ありがとうございました。

相変わらず動かずに…試行手段が切れました。

半次郎さん (2020-05-20 21:10:27) www.myoukensan.com/mailformpro_goma/examples/test1.html#total

昨晩はありがとうございました。
今朝からずっとトライ・アンド・エラーを重ねていましたが、自動入力(mfp)を取れば、自動計算(form1)が働かないという現象の繰り返しです。
基本的にはメールフォームプロを主体としてできればと思うのですが、自動計算も重要だと感じています。

今朝からは、コードを短くして作業していましたが、もう試行の種が切れています。
たいへん勝手なのですが、昨日のアドバイスの
ーーーーーー
計算が動かなくなるという部分はform1を取り除いたためですが、
document.form1
となっている部分を
document.getElementById(’mailformpro’)
と置き換えることで動作するようになると思います。
ーーーーーー
もやってみましたが、うまく実行せず。
もしほかの方法とか、可能性があるとしたらと思うことがあればご指摘をいただけませんでしょうか?

お忙しいところ本当に申し訳ありませんが、ご検討いただければ幸いです。
よろしくおねがいします。

以下のURLよりサンプルをダウンロードください

和田憲幸 (2020-05-20 21:54:10) www.synck.com

share.synck.com/?QZgENfKwa4ZejLszhggMOA

まずformタグが変なのが直っていませんでした。
あとはonchangeがメールフォームプロで上書きされるため、チェック用の関数を実行する構文を別途scriptタグ内に記述しております。

ありがとうございました。

半次郎さん (2020-05-20 22:40:03) www.myoukensan.com/mailformpro_goma/examples/test1.html#total

ああ、本当に申し訳ありません。
ダウンロードに時間がかかり、ご返事が遅くなってしまいました。

(心の声)できてる。
動く、自動計算も自動入力も。

還暦を昨年迎えた男がすこし涙ぐみました。
ご親切に心から感謝い致します。
本当にありがとうございました。

別途scriptを書くことはたぶん何時間かけても無理だったと思います。
これから本番コードへ移行していきますが、間違わないように慎重にチェックしながら行います。
先程までの私の作業と照らし合わせて、何処が違っていたのか、特に<form>タグはどうしていいか分からなくなっていましたので、本当にブレークスルーできました。

コロナ休日で自宅待機が始まって約ひと月、どんなことをしてもできませんでしたが、これで気持ちの重荷がおろせそうです。
本当にありがとうございました。

お礼はなにもできませんが、サイト更新ができたらまたご連絡致します。
ありがとうございました。

和田さまもコロナはもちろん、お身体にはくれぐれもご留意してお過ごし下さい。

感謝です、つかぬことを伺いますが。

藤村さん (2020-05-22 23:55:08) www.myoukensan.com/mailformpro_goma/examples/test.html

和田さん、先日は本当にありがとうございました。
おせわになりました。

ちなみにですが、和田さんは甘党ですか? 
辛党でしょうか?
個人的嗜好を伺う形で恐縮ですが、よろしければお知らせいただけますか。

どちらかというと

和田憲幸 (2020-05-25 17:46:01) www.synck.com

甘いものでしょうか・・・。

ありがとうございます。

半次郎さん (2020-05-25 19:48:24) www.myoukensan.com/mailformpro_goma/examples/test.html

不躾な質問をしてしまって、ご気分を悪くされたかと思っておりました。

やはり伺ってよかったです、想像する範囲であれば”辛党”かと(笑)。
近いうちに、ほんの感謝の気持ちですが何か送らせていただこうと思っております。

いえいえ、とんでもございません

和田憲幸 (2020-05-27 12:02:38) www.synck.com

全然、お気遣いなく・・・。
辛いものも甘いものも得意ではありますが、かえって恐縮なのでお気持ちだけで十分です!