• 締切済み

iframeでhatenaを読み込むとページ遷移

以下のurlをiframeで読み込むと、IE6、IE7でページ遷移してしまいます。(一度iframeとして表示された直後) http://b.hatena.ne.jp/entry/panel/?url=http://hoge.com/ <html> <body> <iframe src="http://b.hatena.ne.jp/entry/panel/?url=http://hoge.com/"></iframe> </body> </html> 他のブラウザのように、ページ遷移せずに、iframeとしてその場で表示させるにはどのようにすればよいでしょうか？また、なぜこのような現象がおきるのかも教えて頂けると幸いです。

みんなの回答

回答No.1

一般的には、 自分のサイトの中に他のサイトの内容をiframeなどで あたかも自分のサイトの一部のように埋め込むことは マナー違反とみなされることが多いです。 その対策をされているのでしょう。 その対策がIEでは動いているけどほかのブラウザでは うまく動作していないだけかも。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • iframeの中でページ内リンクはできますか？

    iframeを使って下記のようなつくりでHTMLを組んでみましたが、Chromeでリンクに飛ぶことができません。（(1)をクリックすると(2)の位置に飛んでほしい） =　A.html　= <html> <body> <iframe src="B.html" scrolling="no" frameborder="0" width="750" height="2000"></iframe> </body> </html> =　B.html　= <html> <body> <a href="#CCC"><img src="xxx.jpg" /></a>…(1) 　　・ 　　・ 　　・ <a href="C.html" name="CCC">あいうえお </a>…(2) </body> </html> ざっくりと書いてしまいましたが、親HTML（ここでいうA.html）では指示をせず、あくまでiframe中の子HTML（ここでいうB.html）の中でページ内リンクをしたいと思っています。 ちなみにiframeを使っていますが、ブラウザ上の見え方としては、A.htmlに1ページで組んでいるかのような形にしたいと思っています。 ネットでいろいろ調べてみましたがよくわからず、記述が悪いのか、Chromeではうまくいかないのか、悩んでおります。（Sarfari等、うまくいったブラウザもあるのですが…） よい方法がございましたら教えてください。 宜しくお願いします。

  • ブラウザの「戻る」ページ遷移でリロード

    既に同種の質問がありましたが、解決されなかったようなので質問させて下さい http://okwave.jp/qa/q6381146.html ページ内に埋め込んだＵＲＬ（iframeで埋め込み)の参照先が時系列で変化する為、ページ遷移等をして戻った場合にはリロードさせたいのですが、過去の質問のようにＩＥであれば <script type="text/javascript"> <!-- window.onunload = function(){location.reload();} --> </script> で難なくクリア出来たのですが、他ブラウザ（Firefox・Safai・Google Chrome）ではリロードされません。 公に公表されるページなので、せめて上記の3ブラウザではブラウザの「戻る」「進む」でのページ遷移時にリロードさせたいと考えています。 ちなみに、iframeに特別拘りは無いので「他の方法で埋め込めば・・・」等ありましたらお教え頂けたら幸いです。 宜しくお願い致します。

  • iframeの高さ自動調整

    いつもお世話になっております。IFrameの高さについて、教えてください。 IFrameの高さを、その内部に読み込むページの高さに自動的に合わせたいのですが、上手くいきません。 色々調査して、 <iframe src="http://xxx.yyy.com/" onload="this.style.height=this.contentWindow.document.body.scrollHeight;" width="100%" frameborder=0></iframe> 等を試しましたが、IE7ではアクセス拒否のエラーが出ます。 同じディレクトリのhtmlを指定するとうまくいくようですが、http://で指定されるurlを指定するとどうしてもうまくいきません。 このようなことは不可能でしょうか？よろしくい願いします。

  • IFRAME内のソースを別のIFRAMEにコピーする方法

    ページ内に二つのIFRAMEがあります。 IFRAME-A IFRAME-B IFRAME-Aに表示されるページのHTMLを、IFRAM-Bにコピーする事は可能でしょうか? srcのlocationをコピーするのではなく、HTMLを文字列としてコピーして、IFRAME-Bにも同じ内容を表示したく考えています。 使用するブラウザはIE6/7/8となります。 よろしくお願いします。

  • IE6でiframeにPOSTできない

    同一ページに<form>と<iframe>があり、<form>のPOST先をその<iframe>にしています。 このとき、IE6のみPOSTできない条件があり困っております。 なんでも結構ですので、アドバイスいただけましたら助かります。 その条件は、 ・ページのURLとiframeのURLのスキーマとホスト名が一致していること です。 具体的には HTMLが <form name="formname" action="https://example.com/" method="post" target="iframename"> <input type="image" name="" src="image/button.gif" /> </form> <iframe name="iframename" src="https://example.com/page01"></iframe> の場合、 ■POSTがOKなパターン ページのURL＝https://example.com/ ■POSTがNGなパターン ページのURL＝http://example.com/ ページのURL＝https://www.example.com/ よろしくお願いしますm(_ _)m

    • ベストアンサー
    • HTML
  • IFRAME内PHPのセッション変数取得が出来ない

    既存のHTMLサイトに一部機能追加したいだけ＋ブラウザに表示されるURLの関係で、必要部分だけIFRAMEでPHPサーバーのファイルを呼び出して表示させようと考えました。 IFRAMEを記述するHTMLファイル設置サーバーはPHPが使用出来ません。 <iframe src="http://hogehoge/login.php"></iframe> とHTML内にログイン用PHPを表示させ、ボタン押下でログイン判定 →データをセッション変数にセット →header("Location: http://hogehoge/form.php");で画面遷移 →フォーム用PHPに先ほどセットしたセッションデータ表示 とこんな感じの処理がしたいのですが、これがFireFoxだとうまく動くのに、IEだと動いたり動かなかったりします。(動く＝開発環境である私のPC、動かない＝他全て) ボタン押下で自分自身にPOSTしたデータは正しく受け取って画面遷移まで処理しているのですが、遷移後のページでセッション取得しようとすると取得出来ないようなのです。 IFRAMEを通さず直接URL叩いた場合は、FF・IEどちらも正常に動いています。 session_name('hoge'); session_start(); はPHP先頭に記載してあります。 IFRAMEを使用して外部サーバーのPHPを使用する際に、気をつけねばならない事などがあるのでしょうか… もし解決方法に思い当たる方がいらっしゃいましたら、どうかご回答宜しくお願いいたします。 またもし補足等必要でしたらご指摘下さい。

    • ベストアンサー
    • PHP
  • 遷移前のページのクエリを取得したい

    PHPについての質問です。 ブラウザに、 ttp://hogehoge.com/hoge1.php?hoge=moge というページを表示している状態で、そのページ内のリンクをクリックし、そのリンク先は、 ttp://hogehoge.com/hoge2.php というページだとして、この hoge2.php で直前のページ(hoge1.php)の「hoge=moge」という情報を取得したいです。 $_SERVER["QUERY_STRING"] で現在のページのクエリを取得できますよね。 また、 $_SERVER["HTTP_REFERER"] で遷移してくる前のページのアドレスを取得できますよね。 こういう感じで、遷移してくる前のページのクエリを取得する方法はありますか? cookieとかを使うしかないのでしょうか?

    • 締切済み
    • PHP
  • 複数のiframeの表示場所が勝手に変わります。

    こんにちは、iframeの表示に関しての質問です。 1ページに7つのiframeで表示させていますが、 頻繁にiframeの表示エラーが起こります。 そのエラーというのは、iframe内で同じページが2箇所表示されるというものです。 ※（menu01.htmlとmenu02.htmlを横2列にiframeで表示されているとして、menu01.htmlが2列とも表示されてしまう、という感じです。） もちろんそれぞれのiframe内にはそれぞれ別のページが表示されるよう設定しているのですが、 ブラウザを立ち上げたり、ブラウザの戻るボタンを押すとこのようなエラーが起きてしまいます。 更新ボタンを押すと、正常に表示されるのですが。。 ↓実際に使っているiframeのタグです↓ <iframe width="122" height="7320" src="URL" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" name="menu01" title="menu01">&nbsp;</iframe> （titleは余分かもしれないですが、 nameやtitleをiframeごとに名前を変えることで 直らないかなぁ、、と試行錯誤した名残です。。） ブラウザの問題なんでしょうか？ ちなみに、IE6とIE7とfirefox5で動作確認していますが、 IE7が特にひどいです。firefoxでは正常に表示されていますが、 コーディング中にオフラインで表示させると、同じようなエラーが起こります。 同じ経験をされた方、解決方法がおわかりになる方、 いらっしゃいましたら、アドバイスお願いします！！

  • iframeからcolorboxの呼び出し

    IEでのみエラーが起きていて、ハマってしまいました。 おかしな所などご指摘頂けると助かります。 トップページ内にiframeを読み込んでいます。 iframe内に設置した画像をクリックして、 トップページのcolorboxを呼び出して表示させています。 下記サイトを参考に、colorboxをiframe内から親ページに展開させる設定しています。 http://www.browncrown.net/blog/?p=2120 ■top.html ・colorbox用のjquery、css等一式読込 ・トップページ内の画像でも同じ画像を呼び出して表示させている→問題なし ・専用javascript記載 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <script src="jquery.colorbox.js"></script> <script> function cbox(url,ttl){ var href = url; var title = ttl; $.fn.colorbox({ width: "500px", height: "500px", href:href, title:title, iframe: true, scrolling: "auto" }); } </script> ■iframe.html ・galleryviewというギャラリーを使用して、バナーをスライドしている。 　その中の画像をクリックして、親（top.html）にcolorboxで画像を表示したい。 ・専用javascript記載 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <script> function callparent(url,ttl){ parent.cbox(url,ttl); } </script> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ・colorbox呼び出し <a href="javascript:callparent('img/hoge.jpg','画像タイトル')"><img src="img/bnr.jpg" /></a> この設定でIEでのみエラーが出てしまいます。。 他のブラウザでは問題なく表示されます。 エラー内容は下記になります。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ このページは表示できません • Web アドレス javascript:callparent('img/hoge.jpg' が正しいか確かめてください。 • 検索エンジンでそのページを探してください。 • 数分待ってから、ページを最新の情報に更新してください。 おかしな部分、ご指摘頂けると幸いです。

  • JavaScriptでiframeの内容を「空ページ」にする方法

    JavaScriptでiframeの内容を「空ページ」にする方法 動作環境はWinXP IE8です。 iframeでsrcに何も指定しないでhtmlを開くと、真っ白な状態で開きます。 プロパティを見ると「about:blank」となっています。 一旦他のページを開いたあとに、クリアボタン押下時に この状態にしたいのですが、どうもうまくいきません。 とりあえず、普通にURLを指定するときと同じ感覚で document.getElementById("…").src = "about:blank"; と書いてみたのですがうまくいきません。 document.getElementById("…").src = ""; でも同じです。 iframeの中身を空にする方法はないのでしょうか？ 出来るのかできないのか、もしできるのならその方法を教えてください。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する