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

（RSSリンクを表示するための）iframeセクションがいくつかあるシンプルなページがあります。メインページからiframeに表示されているページに同じCSS形式を適用するにはどうすればよいですか？

1017 html  css  iframe  rss 

jQueryを使用してiframe内のHTMLを操作したいと思います。 次のように、jQuery関数のコンテキストをiframeのドキュメントに設定することで、これを実行できると思いました。 $(function(){ //document ready $('some selector', frames['nameOfMyIframe'].document).doStuff() }); しかし、これはうまくいかないようです。少し調べてみると、iframeが読み込まれるまでしばらく待たなければ、の変数がframes['nameOfMyIframe']残っundefinedていることがわかります。ただし、iframeの読み込み時に変数にアクセスできません（permission denied-typeエラーが発生します）。 誰かがこれの回避策を知っていますか？

792 javascript  jquery  iframe  same-origin-policy 

Webアプリに埋め込まれたiframeから境界線を削除するにはどうすればよいですか？iframeの例は次のとおりです。 <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> ページのコンテンツからiframeのコンテンツへの移行をシームレスにしたいのですが、背景色が同じであると想定しています。対象のブラウザはIE6のみであり、残念ながら他の人のためのソリューションは役に立ちません。

707 html  css  iframe  internet-explorer-6  noborder 

基本的に、私はiframeページに埋め込まれていiframeて、親ページから呼び出す必要があるいくつかのJavaScriptルーチンがあります。 今は、を呼び出すだけでよいので、その反対は非常に簡単ですparent.functionName()が、残念ながら、私はそれとは正反対のことが必要です。 私の問題はのソースURLを変更するのではなく、iframeで定義された関数を呼び出すことiframeです。

615 javascript  html  iframe 

私はiframeベースのFacebookアプリを書いています。次に、同じHTMLページを使用して、Facebook内の通常のWebサイトとキャンバスページをレンダリングします。ページがiframe内に読み込まれたか、ブラウザーに直接読み込まれたかを確認できるかどうか知りたいですか？

597 javascript  facebook  iframe 

<iframe>HTMLページにを読み込んで、JavaScriptを使用してページ内の要素にアクセスしようとしていますが、コードを実行しようとすると、次のエラーが発生します。 SecurityError: Blocked a frame with origin "http://www.<domain>.com" from accessing a cross-origin frame. フレーム内の要素にアクセスできるように、解決策を見つけるのを手伝っていただけませんか？ 私はこのコードをテストに使用していますが、無駄です： $(document).ready(function() { var iframeWindow = document.getElementById("my-iframe-id").contentWindow; iframeWindow.addEventListener("load", function() { var doc = iframe.contentDocument || iframe.contentWindow.document; var target = doc.getElementById("my-target-id"); target.innerHTML = "Found it!"; }); });

556 javascript  jquery  security  iframe  same-origin-policy 

私はiGoogleのようなアプリケーションに取り組んでいます。他のアプリケーション（他のドメイン上）のコンテンツは、iframeを使用して表示されます。 iframeのコンテンツの高さに合わせてiframeのサイズを変更するにはどうすればよいですか？ 私はGoogleが使用するJavaScriptを解読しようとしましたが、難読化されており、Webの検索はこれまでのところ無意味でした。 更新：コンテンツは他のドメインから読み込まれるため、同一生成元ポリシーが適用されることに注意してください。

498 javascript  iframe  widget 

私が取り組んでいるプロジェクトでは、顧客のWebページでjQueryを使用する必要があります。お客様は<script>、<script>-createdでウィジェットを構築するいくつかの要素を含む、提供するコードのチャンクを挿入します<iframe>。彼らがまだ最新バージョンのjQueryを使用していない場合、これには（おそらく）<script>GoogleがホストするバージョンのjQuery も含まれます。 問題は、一部のお客様がすでに古いバージョンのjQueryをインストールしている可能性があることです。これは少なくともかなり最近のバージョンであれば機能する可能性がありますが、コードはjQueryライブラリの最近導入された機能に依存しているため、顧客のjQueryバージョンが古すぎる場合もあります。jQueryを最新バージョンにアップグレードする必要はありません。 コードのコンテキスト内でのみ使用するためにjQueryの新しいバージョンをロードし、顧客のページのコードに干渉または影響を与えない方法はありますか？理想的には、jQueryの存在を確認し、バージョンを検出し、古すぎる場合は、コードに使用するためだけに最新バージョンを何らかの方法でロードすることが理想的です。 私はを<iframe>含む顧客のドメインにjQueryをロードするという考えを持っていましたが、<script>それは実現可能かもしれませんが、よりエレガントな方法があることを望んでいます（パフォーマンスと複雑さのペナルティがないことは言うまでもありません）余分な<iframe>s）。

426 javascript  jquery  iframe 

他のサイトにあなたのサイトを「フレーム」にしたくないとしましょう<iframe>： <iframe src="http://example.org"></iframe> したがって、すべてのページにアンチフレーミング、フレームバスティングJavaScriptを挿入します。 /* break us out of any containing iframes */ if (top != self) { top.location.replace(self.location.href); } 優秀な！これで、含まれているiframeから自動的に「バスト」または抜け出します。1つの小さな問題を除きます。 結局のところ、次に示すように、フレーム無効化コードが無効化される可能性があります。 <script type="text/javascript"> var prevent_bust = 0 window.onbeforeunload = function() { prevent_bust++ } setInterval(function() { if (prevent_bust > 0) { prevent_bust -= 2 window.top.location = 'http://example.org/page-which-responds-with-204' } }, 1) …

422 javascript  html  iframe  framebusting 

私は小さなウェブページを書いています。その目的は、他のいくつかのページをフレーミングすることです。それらを単一のブラウザウィンドウに統合して、見やすくすることです。フレームを作成しようとしているページのいくつかは、フレーム化を禁止し、「X-Frame-Optionsによって表示が禁止されているため、ドキュメントの表示を拒否しました」をスローします。Chromeのエラー。これはセキュリティ上の制限であり（正当な理由による）、変更するためのアクセス権がないことを理解しています。 X-Frame-Optionsヘッダーによってつまずかない単一のウィンドウ内にページを表示するための代替のフレーミングまたは非フレーミングの方法はありますか？

420 iframe  frames  x-frame-options 

新しいページで開くのではなく、同じ親ページでリンクを開く必要があります。 注：iframeと親ページは同じドメインです。

359 html  iframe  hyperlink  html-target 

親ウィンドウをiframeからリダイレクトするには、どのJavaScriptを使用する必要がありますか？ JavaScriptまたはその他の方法を使用して、親ウィンドウを新しいURLにリダイレクトするハイパーリンクをクリックしてもらいたい。

312 javascript  iframe  dhtml 

私はのためのソリューション必要な自動調整widthとheightのiframeかろうじてその内容に合うようにします。ポイントは、iframeロードされた後に幅と高さを変更できることです。iframeに含まれるボディの寸法の変化に対処するためのイベントアクションが必要だと思います。

300 javascript  html  iframe  adjustment 

Chromeデベロッパーコンソールを使用してアプリ内の変数とDOM要素を確認したいのですが、アプリはiframe（OpenSocialアプリであるため）内に存在します。 だから状況は： <containing site> <iframe id='foo' src='different domain'> ... my app ... </iframe> </containing site> その中で起こっていることiframeに開発者コンソールからアクセスする方法はありますか？私がしようとするとdocument.getElementById("foo").something、おそらくそれがiframe別のドメインにあるため、機能しません。 が含まれているサイトと通信できるようにする必要があるiframeため、新しいタブでコンテンツを開くことができませんiframe。

296 debugging  iframe  google-chrome 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する どこかで、iframeを使用することは「悪い習慣」であるという概念を取り上げました。 これは本当ですか？それらを使用することの長所/短所は何ですか？

286 html  iframe  standards