メールフォームプロ3.2.1で、IE8とIE6でのみ確認画面の挙動がおかしい

株式会社サンビジコムさん (2013-09-17 17:30:31) www.denwakaigi.com/?mode=f1

お世話になっております。
表題の件、普通っぽい確認画面仕様で設置して動作確認を行ったところ、モダンブラウザでは動作するものの、IE6 (SA版) とIE8で入力した場合に、確認画面が一瞬表示された後、入力内容がpostされないまま、操作無視で受付完了画面に飛んでしまいます。
一度そうなったあとに、IEの戻るボタンで戻って再度確認画面に移動すると、正常に動作・送信されますが、キャッシュをクリアして再度セッションを開始すると同様の現象が起きます。
また、IE8のデバッグツールを立ち上げた状態で行うと、上記不具合は起きません。
念のため、複数PCのIE8から試しましたが、同様の挙動です。
なにか原因となる要素が判るようしたら、ご教示いただけますと幸いです。

また、当初4系の導入を試みたのですが、管理者メールアドレス用のサーバーがメールフォームプロ4からのアクセスをブロックしているらしく、設置者向け返信が来ないため、4系への移行以外の解決ができればと思います。
(同じ構成で管理者メールアドレスを同じサービスの別ドメインのメールアドレス宛にすると問題なく動くので、メールサーバーでフィルタリングされているのはほぼ確実の様です)

動作した構成
・Win7 + IE9
・WinXP + Firefox24
・WinXP + クローム29
・iOS6 + Safari6

不具合の起こった構成
・WinXP + IE6
・WinXP + IE8

Re:メールフォームプロ3.2.1で、IE8とIE6でのみ確認画面の挙動がおかしい

和田 (2013-09-30 08:11:44) www.synck.com

cart.jsというプログラムでエラーが発生し、その関係で確認画面にいけていないようです。
おそらくコンフリクトかなにかだと思うのですが。

上記スクリプトを一度ご確認いただけますでしょうか?

Re: Re: メールフォームプロ3.2.1で、IE8とIE6でのみ確認画面の挙動がおかしい

株式会社サンビジコムさん (2013-09-30 13:41:29) sunbusi.co.jp/denwakaigi/formtest/f1.html

和田様
ご回答ありがとうございました。
cart.jsは設置先のASPサービス側で自動的に配置されるため、競合箇所を洗い出すべく、別環境でcart.jsも含めたメールフォームプロとは関係ないJSファイルを全て抜いたページを作成してみました。

ところが、この最小構成の場合も、やはりモダンブラウザOK、古IEはダメ、という当初の現象が起こります。
念のため、記述を多少弄っていたmailform.jsも初期状態と入れ替えてみたりもしましたが、改善はありません。

最小構成版のURLを添付いたしますので、何かわかる事がありましたらご教示いただけませんでしょうか?

Re: Re: メールフォームプロ3.2.1で、IE8とIE6でのみ確認画面の挙動がおかしい

和田 (2013-09-30 13:45:47) www.synck.com

いただいたURLからテスト送信してみました。
MSIE6(ネイティブ)では問題なく動作するようです。
キャッシュクリアなどを行って再度動作確認をお願いします。

ちなみにネイティブではなくテスターなどを利用した場合はJavascriptが正常に動作しない場合がありますので、ご注意ください。

Re: Re: メールフォームプロ3.2.1で、IE8とIE6でのみ確認画面の挙動がおかしい

株式会社サンビジコムさん (2013-09-30 14:35:39) www.denwakaigi.com/?mode=f1

和田様
ご指摘の通り、キャッシュクリアしたところ、IE8で動きました。失礼いたしました。
現状、先の理由にて、cart.jsのエラーフィックスができないため、ドメイン違いには涙を吞み、既にメールフォームプロ3を稼働中の別サーバーにフォームを設置する方向性で進めたいと思います。

ご多忙のところ、色々ありがとうございました。
本日は札幌に向け一礼してから帰宅します。

やはりメールフォームプロ3.2.1で、IE8でのみ確認画面の挙動がおかしい

株式会社サンビジコムさん (2013-10-04 11:51:23) sunbusi.co.jp/denwakaigi/contact1.html

先日はありがとうございました。
先の助言に従い、別サーバーで単純なHTMLとして再設置を試みているのですが、前回と同様の問題が起きます。

発生条件は、IE8で、任意項目を空白のまま送信した際に、確認画面が一瞬表示された後、Error Code4に自動で遷移します。

最初のエラーページからIEの「戻る」で戻ったり、デバッガを起動するなど、入力ページを再読み込みした際は正常に動作します。
しかし、デバッガを起動した状態で、当該URLをアドレスバーに入力するなどして新規に表示させると、再びエラーが起きます。

その際、mailform.jsの177行目、「movefocus.focus();」で停止し、「 フォーカスをコントロールに移動できません。コントロールは表示されていない、使用できない状態、またはフォーカスを受け入れない種類です。」と出ます。

キャッシュはIE起動時に都度全消去しています。
どういった原因が考えられますでしょうか?

Re:やはりメールフォームプロ3.2.1で、IE8でのみ確認画面の挙動がおかしい

和田 (2013-10-07 13:52:45) www.synck.com

なんでしょうねぇ・・・。可能性として考えられるのは
class="mfp text"

class="mfp"
にすることくらいでしょうか。
上記、一度お試しいただけますでしょうか。

Re:やはりメールフォームプロ3.2.1で、IE8でのみ確認画面の挙動がおかしい

株式会社サンビジコムさん (2013-10-07 15:55:52) sunbusi.co.jp/denwakaigi/contact1.html

ご回答ありがとうございます。
classをmfpのみにしましたが、影響なしでした。

また、確認画面へ遷移するボタンの属性をimageに変更していたのを、buttonに戻したところ、正常に動作するようです。
但し、同じ3.2.1を設置して透過型確認画面を使用している他のフォームでは、imageでもbuttonでも普通に動いており、IE8以下+普通っぽい確認画面の場合のみ、inputの属性をimageにするとバグるのでは? という可能性に行き当たりました。

ということで、mailform.js内を「image」と「button」で検索してみたのですが、確認画面に影響しそうな記述を見つけられませんでした。

この症状から何かわかりそうでしょうか?
度々お手数をお掛けして申し訳ありませんが、宜しくお願いいたします。

Re:Re:やはりメールフォームプロ3.2.1で、IE8でのみ確認画面の挙動がおかしい

和田 (2013-10-16 00:46:36) www.synck.com

なるほど~imageでしたか。
ではimageを利用せずにbuttonタグを利用いただけると助かります。
buttonタグはタグ内に
<button type="submit"><img src="~"></button>
というように画像を使ったり、CSSで調整することができるため、その方向でお願いしてもよいでしょうか。

Re: メールフォームプロ3.2.1で、IE8とIE6でのみ確認画面の挙動がおかしい

株式会社サンビジコムさん (2013-10-16 16:41:40) sunbusi.co.jp/denwakaigi/contact1.html

和田様
ご回答ありがとうございました。

全く以て不可解な状況ですが、今回、再度button要素でマークアップしたところ、従前同様のエラーで動かなくなりました。
但し、モダンブラウザとIE6では動き、IE8では動かないという今までになかった組みあわせです。(キャッシュの可能性を除外するため、複数のIE8搭載機で検証済)

かつ、スクリプトやcgiを同一の絶対パスで指定し、同一フォームを設置サーバーを変えて試すと、サーバーによってTYPE 4 エラーの場合と確認画面すっ飛ばしのパターンがあるという状況です。

いずれも、当初の状況と同じく、エラーの後リロードしたり、デバッグモードを起動すると正常動作します。

現状、これ以上工数を割くことができないため、当面は従来より使用していた旧メールフォームCGIを使用することと致しました。

長々とお付き合いいただき、ありがとうございました。
IE8のシェアが絶滅した頃、その時の最新版にて改めて挑戦してみたいと思います。

Re:Re:メールフォームプロ3.2.1でIE8とIE6で

和田 (2013-10-18 08:55:24) www.synck.com

すいませんなんだかお役に立てず・・・。
一応IE8では動作確認をしているため、別なスクリプトとコンフリクト(衝突)しているのかもしれません。
次期バージョンリリース時にでも、もう少しサンドボックス化して干渉しないように調整してみますね!