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

「iframe」は、ドキュメント内に「インラインフレーム」を作成するHTML要素です。これにより、同じページに別のドキュメントを表示できます。

10
動的に挿入されたiframeでのjQuery .ready
私たちは、誰かが画像をクリックしたときに動的にiframeを表示するためにjQuery thickboxを使用しています。このiframeでは、複数の画像を表示するためにJavaScriptライブラリのガレリアを使用しています。 問題は$(document).ready、iframeでの起動が早すぎるようで、iframeコンテンツがまだロードされていないため、ガレリアコードがDOM要素に適切に適用されていないようです。 $(document).readyiframeの準備完了状態を使用して、iframeの準備ができているかどうかを判断しているようです。 documentによって呼び出された関数を別の関数で抽出し、100 msのタイムアウト後に呼び出した場合。それは機能しますが、遅いコンピューターでの運用ではチャンスを利用できません。 $(document).ready(function() { setTimeout(ApplyGalleria, 100); }); 私の質問：動的iframeの準備ができて、親だけではないときにコードを実行できるようにするには、どのjQueryイベントにバインドする必要がありますか？
7
iFrame src変更イベントの検出？
iframeのコンテンツを制御できない場合、親ページを介してsrcの変更を検出する方法はありますか？ある種のオンロードかもしれませんか？ 私の最後の手段は、iframe srcが以前と同じである場合に1秒間隔のテストを行うことですが、このハッキーなソリューションを実行するのは面倒です。 役立つ場合は、jQueryライブラリを使用しています。
3
iframe、embed、object要素の違い
HTML5はいくつかの埋め込まれたコンテンツ要素を定義します。これらの要素は、鳥瞰図から見ると、ほとんど同じであるという点に非常に似ているようです。 何の間の実際の差であるiframe、embedとobject？ サードパーティのサイトからHTMLファイルを埋め込む場合、これらの要素のどれを使用できますか、またどのように異なりますか？
180 html  iframe 
9
JavaScriptから親iframeにアクセスする方法
さて、私は同じドメインページを呼び出すIFrameを持っています。私の問題は、この呼び出されたページ（JavaScriptから）からこの親Iframeの情報にアクセスしたいことです。このiframeにアクセスするにはどうすればよいですか？ 詳細：Windows環境をプログラミングしているため、このページと同じように、同じページをロードできるiframeがいくつかあります。私はこのiframeを閉じるつもりです。そのため、彼の内側からどちらを閉じるかを知る必要があります。これらのiframeへの参照を保持する配列があります。 編集：iframeが動的に生成されます
170 javascript  iframe 
10
iframe内のコンテンツのボディスタイルを上書きする
内のボディ要素の背景画像と色をどのように制御できiframeますか？埋め込まれたbody要素にはクラスがあり、これiframeは私のサイトの一部であるページです。 これが必要な理由は、サイトの本文に黒い背景が割り当てられており、テキストを含むdivに白い背景が割り当てられているためです。WYSIWYGエディターはiframe編集時にコンテンツを埋め込むためにを使用しますが、divが含まれていないため、テキストが非常に読みにくくなっています。 iframeエディターのwhen の本体には、他のどこでも使用されていないクラスがあるので、これがそこに置かれていると想定して、このような問題を解決できると思います。ただし、class.bodyスタイルを適用しても、ボディに適用されているスタイルは上書きされません。奇妙なことに、スタイルはFirebugに表示されるので、何が起こっているのかわかりません！ ありがとう 更新-私はボディのクラスであるクラスにスタイルを追加する@mikeqのソリューションを試しました。メインページのスタイルシートに追加すると機能しませんが、Firebugで追加すると機能します。これは、Firebugがページ上のすべての要素に適用されているのに対し、CSSはiframe内には適用されていないためと考えています。これは、JavaScriptでウィンドウをロードした後にcssを追加すると機能することを意味しますか？
165 css  iframe  styles  overriding 
10
「フルスクリーン」<iframe>
次のコードを使用してiframeを作成すると、 &lt;iframe src="mypage.html" style="border: 0; width: 100%; height: 100%"&gt;Your browser doesn't support iFrames.&lt;/iframe&gt; iframeが完全に移動するわけではありません。10pxの白い「境界線」がiframeを囲んでいます。どうすればこれを解決できますか？ これは問題の画像です：
163 html  iframe 
18
jQueryでiframeをリロードする
ページに2つのiframeがあり、一方が他方に変更を加えましたが、もう一方のiframeは更新するまで変更を表示しません。このiframeをjQueryで簡単に更新する方法はありますか？ &lt;div class="project"&gt; &lt;iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"&gt;&lt;/iframe&gt; &lt;/div&gt;
7
指定されたHTMLでiframeを動的に作成する
JavaScriptからiframeを作成し、次のように任意のHTMLで埋めようとしています。 var html = '&lt;body&gt;Foo&lt;/body&gt;'; var iframe = document.createElement('iframe'); iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); iframe次に、有効なウィンドウとドキュメントが含まれることを期待します。ただし、これは当てはまりません。 &gt; console.log（iframe.contentWindow）; ヌル 自分で試してください：http : //jsfiddle.net/TrevorBurnham/9k9Pe/ 私は何を見落としているか？
148 javascript  iframe 
10
IFRAMEの読み込みが完了したときのJavaScriptコールバック？
IFRAMEの読み込みが完了したら、コールバックを実行する必要があります。IFRAMEのコンテンツを制御できないため、そこからコールバックを起動できません。 このIFRAMEはプログラムで作成され、そのデータを変数としてコールバックで渡し、iframeを破棄する必要があります。 何か案は？ 編集： これが私が今持っているものです： function xssRequest(url, callback) { var iFrameObj = document.createElement('IFRAME'); iFrameObj.src = url; document.body.appendChild(iFrameObj); $(iFrameObj).load(function() { document.body.removeChild(iFrameObj); callback(iFrameObj.innerHTML); }); } これはiFrameが読み込まれる前にコールバックするため、コールバックにはデータが返されません。
147 javascript  events  dom  iframe 
2
Google+ +1ウィジェットはどのようにしてiframeから抜け出しますか？
どういうわけか、Google +プラスワンウィジェットにカーソルを合わせる&lt;iframe&gt;と、それが含まれている要素よりも明らかに大きいツールチップタイプの取引が導入される可能性があります。これを確認するためにDOMを調べました。* そう： 何？どうやって！？ 悪意を持って使用された場合、これはクリックジャックの大きな機会ではありませんか？（これらのソーシャルウィジェットに対してMITMを実行している人を想像してください！） *更新：私が見たのは、tooltip-yメッセージが 2番目に動的に作成されたというものiframeでした。
9
httpsサイトのiframe内でhttpコンテンツを許可する方法
いくつかのHTMLをiframeに読み込みますが、参照されているファイルがhttpsではなくhttpを使用している場合、次のエラーが発生します。 [ブロック] {current_pagename}のページで、{referenced_filename}の安全でないコンテンツが実行されました これをオフにする方法またはそれを回避する方法はありますか？ iframeにはsrc属性がなく、コンテンツは次を使用して設定されます。 frame.open(); frame.write(html); frame.close();
145 html  security  http  iframe  https 
22
iframeをレスポンシブにする
私は読んでいたこのstackoverflowの記事「？あなたはインラインフレームを応答することはできます」というタイトルを、そしてコメント/答えの一つが私を導いた、このjfiddle。 しかし、自分のニーズに合うようにHTMLとCSSを実装しようとしたとき、同じ結果/成功がありませんでした。私は自分のJSフィドルを作成しました。私が使用しているiFrameのタイプと何らかの関係があると確信しています（たとえば、製品の画像も応答性が必要な場合など）。 私の主な懸念は、ブログの読者がiPhoneで私のブログにアクセスするときに、すべてをx幅（すべてのコンテンツに対して100％）にしたくないので、iFrameが正しく動作せず、唯一の要素が広くなる（したがって、スティックする）ことです。他のすべてのコンテンツを超えて-それが理にかなっている場合??） とにかく、なぜそれが機能しないのか誰か知っていますか？ありがとうございました。 MY JSFIDDLEのHTMLとCSSは次のとおりです（リンクをクリックしたくない場合）。 &lt;div class="wrapper"&gt; &lt;div class="h_iframe"&gt; &lt;!-- a transparent image is preferable --&gt; &lt;img class="ratio" src="http://www.brightontheday.com/wp-content/uploads/2013/07/placeholder300.png" /&gt; &lt;iframe frameborder='0' height='465px' width='470px' scrolling='no' src='http://currentlyobsessed.me/api/v1/get_widget?wid=30&amp;blog=Brighton+The+Day&amp;widgetid=38585' frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; &lt;/div&gt; &lt;/div&gt; これが付随するCSSです。 .wrapper { width: 100%; height: 100%; margin: 0 auto; background: #ffffff; } .h_iframe { position: relative; } .h_iframe …
19
SafariサードパーティCookieのiframeトリックが機能しなくなった
したがって、これは「サードパーティのCookieをSafariで機能させる方法」という質問の13回目の復讐ですが、おそらく2012年2月以降、競争の場が変わったと思うので、もう一度尋ねます。3番目を取得するための標準的なトリックの1つSafariのパーティーCookieは次のとおりです。JavaScriptを使用して非表示のiframeにPOSTします。これは、Safariをだましてユーザーがサードパーティのコンテンツを操作したと考えさせ、Cookieを設定できるようにします。 私が考えるこの抜け穴はそれはGoogleがその広告でそのトリックを使用していたことが明らかにされた軽度のスキャンダルをきっかけに閉鎖されています。少なくとも、このトリックを使用している間、SafariでCookieを設定することは完全にできませんでした。私はAppleが抜け穴をふさいでいると主張していたいくつかのランダムなインターネット投稿を発掘しましたが、公式の言葉は見つかりませんでした。 フォールバックとして、コンテンツをロードする前にボタンをクリックする必要があるようにメインのサードパーティフレームを再設計してみましたが、そのレベルの直接的な対話でさえSafariの冷たい冷たい心を溶かすには不十分でした。 それで、Safariが本当にこの抜け穴を閉じたかどうか、誰かが確実に知っていますか？その場合、他の回避策はありますか（すべてのリクエストにセッションIDを手動で含めること以外）？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.