プログラミング iframe

7

いくつかの解決策を試しましたが、成功しませんでした。わかりやすいチュートリアルを使用して、できればそこに解決策があるかどうか疑問に思っています。

110 iframe cross-domain

6

JavaScriptコンソールでコンテキストをiframeに変更する方法はありますか？

Webkit開発者ツール/ firebugコンソールで実行されるJavaScriptのコンテキストを変更して、ページのiframe内から実行されるようにコードを実行したいと思います。別のページのiframeでページを開くことでこれを実行できることはわかっていますが、親フレームと対話する場所でコードを実行したいと考えています。

107 javascript iframe console firebug

9

iFrameの読み込み中に読み込みメッセージを表示する方法は？

読み込みが非常に遅いサードパーティのWebサイトを読み込むiframeがあります。 iframeの読み込み中にユーザーに大きな空白スペースが表示されない間に読み込みメッセージを表示する方法はありますか？ PS。iframeはサードパーティのWebサイト用であるため、ページの内容を変更または挿入することはできません。

107 javascript jquery iframe

3

iframeが読み込まれているかどうかをどのように検出できますか？

ユーザーがボタンをクリックした後にiframeが読み込まれたかどうかを確認しようとしています。私が持っています $('#MainPopupIframe').load(function(){ console.log('load the iframe') //the console won't show anything even if the iframe is loaded. }) HTML <button id='click'>click me</button> //the iframe is created after the user clicks the button. <iframe id='MainPopupIframe' src='http://...' />...</iframe> 助言がありますか？ちなみに、私のiframeは動的に作成されます。最初のページの読み込みでは読み込まれません。

101 javascript jquery html iframe

5

ブートストラップを使用したレスポンシブiframe

ブートストラップを使用しています。 2つまたは3つのiframeベースの埋め込みビデオを含むテキストがあります。このデータはデータベースからフェッチされます。これらのiframeをレスポンシブにするにはどうすればよいですか？コード例： <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT <iframe src="http://youtube.com/...."></iframe> SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT <iframe src="http://youtube.com/...."></iframe> SOME TEXT SOME …

100 twitter-bootstrap iframe

5

全ページ<iframe>

以下のサンプルコードがあります。これは、モバイルデバイスのブラウザを除くすべてのブラウザで正常に動作します。オーバーフロータグが問題です。モバイル以外のすべてで動作します： margin: 0; padding: 0; height: 100%; overflow: hidden; コンピュータではなく、すべてのモバイルで動作します。 margin: 0; padding: 0; height: 100%; 両方で動作させるための最良の方法は何ですか？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test Layout</title> <style type="text/css"> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; } </style> </head> <body> <iframe …

97 html css iframe

8

JavaScriptでiframe srcを変更する

94 javascript iframe src

8

状態を失わずにDOMでiFrameを移動する方法は？

この単純なHTMLを見てください。 <div id="wrap1"> <iframe id="iframe1"></iframe> </div> <div id="warp2"> <iframe id="iframe2"></iframe> </div> #wrap2がの前になるようにラップを移動したいとし#wrap1ます。iframeはJavaScriptによって汚染されています。私はjQuery .insertAfter()とを知ってい.insertBefore()ます。ただし、これらを使用すると、iFrameはHTML、JavaScript変数、およびイベントをすべて失います。以下がiFrameのHTMLだとします。 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // The variable below would change on click // This represents changes on variables after the code is loaded // These changes should remain after the iFrame is moved …

93 javascript jquery dom iframe

6

IFrameとFrameの違いは何ですか？

自分の注文フォーム内に3Dセキュアページを埋め込むためのオプションを見て、私は次のことに遭遇しました。「一部のコマースサイトでは、フレーム（とにかく安全性の低いオブジェクトであるiFrameである必要はありません）を使用するのではなく、ブラウザページ全体を認証に充てます。」 http://en.wikipedia.org/wiki/3-D_Secureから通常のフレームとは対照的に、iframeの安全性が低く、問題が発生する理由を誰かに教えてもらえますか？そして、基本的な違いは何ですか？私がそれを見る方法iframeは、行く方法です。

91 html iframe frame

7

IFRAMEから現在のURLを取得する

iframeから現在のURLを取得する簡単な方法はありますか？視聴者は複数のサイトを通過します。私はjavascriptで何かを使用していると思います。

91 javascript url iframe

3

jqueryを使用してiframeのコンテンツを動的に変更するにはどうすればよいですか？

30秒ごとにiframeのコンテンツを変更するiframeといくつかのjqueryコードを含むサイトを作成することが可能かどうか疑問に思っていました。コンテンツは別のWebページにあります。このようなもの： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ var array = new array(); array[0] = 'http://webPage1.com'; array[1] = 'http://webPage2.com'; // And so on. // Do something here to change the iframe every 30 second }); </script> </head> <body> <iframe id="frame"></iframe> </body> </html>

89 jquery iframe

12

なぜ人々はまだiframeを使用しているのですか？[閉まっている]

現在のところ、この質問は私たちのQ＆A形式には適していません。回答は事実、参考資料、または専門知識によって裏付けられることを期待していますが、この質問は、討論、議論、世論調査、または広範な議論を求める可能性があります。この質問を改善して再開できると思われる場合は、ヘルプセンターにアクセスしてガイダンスを入手してください。 10年前に閉鎖されました。私にとって、iframeは純粋な悪です（まあ、それほど純粋ではないかもしれません）。彼らは多くの問題を抱えているようです。はい、サイト全体が1回読み込まれ、その後は1ページだけを読み込むことができます。しかし、人々はこの目的のためにAJAXを発明しました。私が見つけた最大の問題のiframe1つは、URLが変更されなかったため、サブページの1つへのリンクを貼り付けることができなかったことです（はい、これには回避策があることを知っています）。第二に、ウェブ検索エンジンはそのサイトを正しく索引付けするのに問題があるかもしれません。このサイトのアクセシビリティが悪化し、ブラウザによっては不適切に表示されることもあります。（i）フレームなしでレイアウトを設計するためのより良い方法があります。毎日、「jQueryを使用してiframeにアクセスする方法」などのSOの質問をしている人を見ることができます。では、iframeの利点は何ですか？それでもそれらを使用する理由は何ですか？理由を知りたいだけです:) （それは本当の質問ではないので、それはCWです）

89 iframe

3

Rails4のコントローラーまたはアクションのX-Frame-Optionsをオーバーライドする方法

Rails 4SAMEORIGINは、X-Frame-OptionsHTTP応答ヘッダーのデフォルト値をに設定しているようです。これはセキュリティには最適ですが、アプリの一部をiframe別のドメインで利用できるようにすることはできません。次X-Frame-Optionsのconfig.action_dispatch.default_headers設定を使用して、の値をグローバルにオーバーライドできます。 config.action_dispatch.default_headers['X-Frame-Options'] = "ALLOW-FROM https://apps.facebook.com" しかし、単一のコントローラーまたはアクションに対してどのようにオーバーライドしますか？

88 ruby-on-rails iframe http-headers ruby-on-rails-4 x-frame-options

4

ページにsrc属性の代わりにiframeのコンテンツを指定する

私は現在、写真をアップロードするためのいくつかのファイル入力を含むフォームに取り組んでいます。onchange()これらの入力には、画像をに送信しiframe、アップロードされた画像をフォームに動的にロードするイベントがあり、フィールドを変更する必要があります（名前や地理的ローカリゼーションなど）。フォームをネストできないため、file_inputもに含まれていiframeます。結局、私iframeは別の内部を使用しますiframe。だから私はこのようなものを持っています： <form>  <iframe src="file_input_url">  </iframe> </form> そして、HTMLはにロードされたiframeようなものです（除くhtml、headおよびbodyタグ） <form target="upload_iframe"> <input type="file" onchange="this.form.submit()"> </form> <iframe name="upload_iframe"></iframe> これは、最初のをロードするのに数秒かかるという事実を除いて、iframeうまく機能します。そのため、ファイル入力はページの残りの部分と一緒にロードされません。これは視覚的に理想的ではありません。iframe別のページ（file_input_url最初ので指定）をロードせずにコンテンツを指定できれば、それを解決できますiframe。 iframe同じドキュメントのコンテンツを指定する方法はありますか、それともsrc属性でのみ指定でき、別のページをロードする必要がありますか？

88 html iframe

14

IFrame（HTML）は廃止されましたか？[閉まっている]

現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。そのことについて矛盾するメッセージを得ること、彼らがそうでないことを願っています。膨大な数のサイトで使用されているため、サポートが停止することは想像できません。それに関するいくつかの追加の質問：このタグを段階的に廃止する必要があるのはなぜですか？その代わりはありますか？

87 html iframe obsolete

タグ付けされた質問 「iframe」

タグ付けされた質問「iframe」