質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.37%

iframe内のjs(郵便番号の取得)がieで初回表示時に上手くいかない

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 3,123

score 7

初回読み込み時にiframe内のjs(郵便番号の取得)が動かず、
再読み込みすると動くようになるという挙動で困っています。

再読み込み後、キャッシュを消去してブラウザを立ち上げ直して表示すると
またjs(郵便番号の取得)は動かなくなります。

crome(最新)やfirefox(最新)では起こらず、ie(11)で起きる現象です。

またiframeを表示しているページとiframe内ではドメインが違います。


ieでのみ再読み込みすると動くようになるという挙動からすると、
何が原因になっていそうでしょうか。

手がかりとなりそうなことを教えて頂けたら幸いです。



【追記:2015.11.15】
ご回答いただきましてありがとうございました。

色々試してみましたところ、下記内容が判明しました。
・ieインターネットオプションのプライバシーを低にすると動く
・同じドメインのサーバーにアップすると動く

別ドメインのため上手くクッキーが取れていないことが原因だったようです。

既存のLPに他社様が提供しているショピングカートのフォームを組み込むという内容のため、
同じドメインにするのが難しい状況です。
その為クロスドメインの状態で解決策を探しています。

iframe内のhtml編集が【headerタグ内に追記】と【bodyタグ内に追記】しかできないため、
コンパクトポリシーの追記ができず、
またiframeの中にjqueryでform送信する方法も試してみましたが解決に至りませんでした。

参考にしたサイト:
(http://taitan916.info/blog/?p=2019)
(http://d.hatena.ne.jp/R-H/20111101)


再度質問となってしまい恐縮ですが、
他に試せる方法などご存知ではないでしょうか。


----------------------------
下記index.htmlのコードです。

【header内】

<script language="javascript">
var arg = new Object;
var pair=location.search.substring(1).split('&');
for(i=0;pair[i];i++) {
var kv = pair[i].split('=');
arg[kv[0]]=kv[1];
}
document.write("<img src='https://iframe.com/frame/set_referer?referer="+arg["referer"]+"' width='1' height='1' >");
</script>

【body内】
     
 <div id="content">
        <script type="text/javascript">
          var form_domain = "iframe.com";
        </script>
        <iframe src="https://iframe.com/frame/form_order/LPform?form_type=form_order&form_domain=iframe.com" id="egg_form" name="egg_form" frameborder="0"></iframe>
        
      </div>

※iframe内に表示しているドメインをiframe.comに書き換えています。
----------------------------

【追記:2015.11.23】

クロスドメインの状態で解決することができなかったため、
質問を終了することにいたしまして、
ベストアンサーを決めさせていただきました。

ご回答いただきましてありがとうございました。
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • ikuwow

    2015/11/15 17:05

    コードはMarkdown記法でシンタックスハイライトして見やすくしていただけると助かります。

    キャンセル

  • sibugin

    2015/11/15 17:58

    質問を見て頂きましてありがとうございます。
    シンタックスハイライトに対応いたしました。
    ご確認いただけますと幸いでございます。

    キャンセル

回答 2

checkベストアンサー

0

コードを見てみないと何とも言えませんが、、、とりあえず下記が怪しいですね。。。

1. 初回読み込み時にJavascriptエラーが発生している可能性
→ 外部ファイルにて定義した関数を呼び出そうとしたが、外部ファイルはまだ読み込み完了していなかったなど
2. 再読み込み時はキャッシュされたjsファイルが存在している為、関数が実行できた可能性

つまり、下記を確認してみてください。

A. 初回読み込み時にJavascript エラーが発生していないかどうか
B. 初回読み込み後、キャッシュを削除して再読み込みを行った場合、iframe内のjs(郵便番号の取得)が呼び出せているかどうか

キャッシュが原因なら、外部JSの読み込み完了をもって処理を開始するようにすればよいかなと思います。(onloadなど)


見当違いでしたらごめんなさい。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

下記ページの解説が参考になるのではないでしょうか。

  [JavaScriptの動かないコード (中級編) iframe内にDOMアクセスできないエラー](http://language-and-engineering.hatenablog.jp/entry/20090207/p1)

ソースを見ていないので外れているかもしれませんが・・・後半に説明されている通り IE11 では
フレーム要素単体のエレメントではonloadがきかないので,かわりにonreadystatechangeイベントを割り当てる。
一方、Firefox では
IEのようにはひねらず,onloadが使える。
という挙動の違いがあるため、その両方に対応した実装方法を採用する必要があります。続きの部分に実装例も載っていますので、参考にしてみてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.37%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る