iframe sandbox は万能ではない - 葉っぱ日記
HTML5で導入されたiframe要素のsandbox属性は、そのiframe内のコンテンツに対しJavaScriptの実行を始め様々な制約を課すことでセキュリティの向上に役立つ機能である。例えば、以下のように指定されたiframeでは、iframe内からformのsubmitなどはできるが、iframe内でのJavaScriptの実行やtarget=_blankなどによってウィンドウを開くことなどは禁止される。 <iframe sandbox="allow-forms" src="..."></iframe> sandbox属性に明示的に allow-scripts という値を指定しない限りはiframe内では直接的にはJavaScriptは実行できないが、かといってiframe内から間接的にJavaScriptを必ずしも実行させることが不可能かというとそうでもない。 sandbox属性
橋本商会 » 別ドメインのiframeの中身をフレーム外からスクロール
諸事情あって、iframeの中身をフレーム外側のページからJavaScriptでスクロールできるのを作った。 ふつうは別ドメインのページをiframeに読み込むとスクロールできないんだけど、（marginに負の値を入れたりして）iframeごと上下左右に動かしたり、iframeの外側にbox要素2つ付けてはみだした部分を表示しないようにcssでなんか色々やったりしたらそれらしい物ができた。 デモ XFrame.js shokai/xframe.js · GitHub 使い方は簡単である js読み込んで <script src="xframe.js"></script> XFrameを出したい箱を作って <div id="tv"></div> 読み込む var xframe = new XFrame("div#tv"); xframe.load("http://shokai.org"); あ
iPhone Safariでクロスドメインiframeの問題と対策 - yshのメモ日記
iPhone Safariではデフォルトで、訪問したページのCookieしか使えない。つまり、iframeと親frameのドメインが違う場合、iframeのドメインに直接訪問したことがない場合はCookieが保存されない。このことによって、Cookieによってセッション管理を行なっているようなサイトを埋め込むことができなくなる。 対策これでいいか自信がないけど、以下の方法で解決させた iframe内でCookieが有効かチェック…(A) 有効じゃない場合は、そのドメインのダミーページを開く…(B) すぐさま元のページに戻す…(C) iframeのドメインに訪問したことがあるのでCookieが有効になるCookieが完全無効にしている場合は、上記対策だけだと無限ループになってしまうので、1度このサイクルをしてもダメな場合はAの後にエラーを表示するようにする。 A. Cookieチェック va
document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…
広告やソーシャル系のサードパーティー製ブログパーツを張りたいんだけど、サイトの表示速度が遅くなるのって我慢なりませんよネ。こういったブログパーツの多くが JavaScript で作られています。自サーバーに設置したスクリプトならまだ手の打ちようはあるし、本サイトでも JavaScript 読み込みを高速化するための非同期化ネタを幾つか扱ってきました。例えば Google Analitics の非同期トラッキングスニペット や LABjs、HEAD JS などの非同期ローダーが有名なところでしょう。 ところが困ったことに、こういったサードパーティ製スクリプトに document.write が使われていると、Google Analitics のようなテクニックや非同期ローダーでは、ほとんどの場合でページが白紙となってしまい使えません。Twitter や Facebook など超有名どころは既
jQuery を使って iframe の中の要素にアクセスする方法 : 地潜の日記
2010年02月07日 15:06 カテゴリプログラム・スクリプト jQuery を使って iframe の中の要素にアクセスする方法 No Comments No Trackbacks jQuery の AJAX の機能をバリバリ使ったものを、本番サーバーにアップしたら動かない！という悲劇があった。先日。 色々試したけど、分かった原因は「サーバーの仕様っぽい」止まり。(誰か原因を教えてー) サーバーの仕様変更はできないし、これに時間をかけてもアレなので、AJAX を使わず、iframe で回避した。 その時やったことを忘れないよう、jQuery を使って iframe の中の要素にアクセスする方法を書いておく。 ■ 基礎 まず、iframe 内のページの document オブジェクトの参照はこれでOK $('iframe:first').contents() (例として、ページ内にある
IFRAMEの高さを内容に応じて変えるには？(クロスドメインで) - 風柳メモ
瞬語一覧をブログパーツ化しようとして、はまる 先日の瞬語一覧を、とりあえずお手軽にGoogle Gadget化してみるか……と安直に考えて、はまってしまいました。 瞬語一覧 - “今”話題のキーワードって？は、タグクラウドっぽい表示にしている性質上、コンテンツの高さが変わってしまうことは避けられません。 で、調べてみたら、Google Gadgetにはdynamic-height Libraryの中に、_IG_AdjustIFrameHeight()という関数が用意されており、ガジェットの高さを調整してくれるみたいです。 なんだ、簡単じゃんと思ってやってみたのですが……。 試してみたい方は→こちら。 _IG_AdjustIFrameHeight()の問題点 サイズ調整動作が鈍い（IFRAMEの内容が読込まれてから高さ調整までに一拍置かれる感じ)。 動作が不安定（サイズ調整してくれないときが
IFrameとFragment Identifier使ったクロスドメイン通信について - snippets from shinichitomita’s journal
なぜかちょっと盛り上がり気味な記事 XhrIframeProxy(dojo) ○？ ○ △？ 中？ マウスクリック音有り iframe内iframe ○？ ○ △？ 中？ マウスクリック音有り http://d.hatena.ne.jp/nopnop/20080408/1207669947 この２つはFragment Identifierと多重IFrameを利用しているという点では同じなのかなあ。 正直、これらは何を内部でおこなっているか分かりにくいと思う。JSONPのような簡潔さはない。 説明を試みてみる。理解するためにまず押さえておくことがいくつかある。 まずひとつ目に、フレーム（ウィンドウ）に含まれるドキュメントを示す location の値はそのフレーム外部から書き換えることができる。こんなかんじ。 <iframe id="ifr" src="http://www.example.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home - Microsoft Answers