iframeのonload呼び出し順 - Qiita
iframeの読み込みが完了後、onloadが動作するのか検証 すぐ読み込みが完了してしまうとテストできないので、iframeの読み込みを5秒遅らせる <?php sleep(5);//5秒待機 echo 'iframetest'; ?> <html> <script type="text/javascript"> alert('一番初めに実行されます'); </script> </html> <body> <iframe onload="alert('2番目に実行されます')" src="//***"> </iframe> <script type="text/javascript"> $(window).load(function() { alert("最後に実行されます"); }); </script> </body>
Webエンジニアだったら当然知っておきたい「 クリックジャッキング対策 」とは？ | 株式会社ヌーラボ(Nulab inc.)
こんにちは。Typetalkチームの永江です。今回は4月にリリースした、BacklogとTypetalkの連携機能である「Backlogカード」の実装の際に行った クリックジャッキング対策 について説明します。 Backlogカードとは Backlogカードは、Typetalkのトピック内にBacklogの課題やコメントをカード形式にして表示する機能です。Backlogの課題キーや課題のURLを貼り付けるだけで、以下の画像のように表示できます（※詳しいご利用方法についてはこちらの「Typetalkのトピック上で課題の詳細を見られる Backlogカード をリリースしました！」をご参照ください）。 Backlogカードの実装は、TypetalkからBacklogに用意した埋め込み用の課題ページを<iframe>で表示するというものです。このような実装にしたのは、もともとBacklogに<if
Reframe.js - iframeを自動リサイズするJavaScript MOONGIFT
iframeを使ってWebサイトのコンテンツを埋め込めるサービスが増えています。特に多いのがYouTubeやVimeoなどの動画共有サイトです。埋め込むのは簡単なのですが、厄介なのはコンテンツがレスポンシブでないことです。 ブログなどをスマートフォンで表示すると動画の分だけ表示がはみ出てしまいます。そんな状態を改善するのがReframe.jsです。 Reframe.jsの使い方 Reframe.jsを実行するのは簡単です。以下のコードだけで使えます。 reframe('selector'); デスクトップサイズの場合。 幅を縮めても問題ありません。 Reframe.jsの特徴としては外部のJavaScriptライブラリに非依存ということでしょう。特にブログなどで活躍するのではないでしょうか。またハイブリッドアプリでも使えそうです。 Reframe.jsはJavaScript製のオープンソー
iframe,embed,object,videoをレスポンシブ対応にするjQuery「Flexy」:phpspot開発日誌
iframe,embed,object,videoをレスポンシブ対応にするjQuery「Flexy」 2016年05月24日-
そのクロスドメインでcookie使えてますか？ - Qiita
はじめに クロスドメイン(複数のドメインをまたぐ)でcookieをiframeを使用してセットしようとした時、想像以上に歴史の深い問題にぶち当たったので調べたことをメモしてみる 何がしたかったか 「異なるドメインのcookieをiframeでセットしてデータの引き渡しをしたい」文章で書くと非常に要件は簡単だが、図にしてみた。 Cookieの決まり事 RFC6265 １クッキーあたり，少なくとも 4096 バイト（クッキーの名前, 値, 属性 の長さの総和で） １ドメインあたり，少なくとも 50 個のクッキー 全部で少なくとも 3000 個のクッキー 7.1. 第三者主体（ third-party ）によるクッキー 一部の UA は第三者主体クッキーのふるまいを制約する。 例えば，これらの UA の一部は、第三者主体へ向けたリクエストの中の Cookie ヘッダの送信を拒否する。 他のものは
iframeのサイズをコンテンツに応じて自動リサイズを出来るようにする「Iframe-resizer」:phpspot開発日誌
iframeのサイズをコンテンツに応じて自動リサイズを出来るようにする「Iframe-resizer」 2015年09月09日- Iframe-resizer by davidjbradshaw デモ iframeのサイズをコンテンツに応じて自動リサイズを出来るようにする「Iframe-resizer」。 iframeってお手軽に使えるんですが、iframe内外のJSが連携するのは別ページであるので面倒であったり、更にクロスドメインが絡むのでややこしいんですよね。 iframe内のresizeイベントが取れるので、JSで動的にコンテンツのサイズが増えても、自動リサイズが出来たりするようです 関連エントリ iframeの高さを中身のコンテンツにあわせて切り替えられる「setIframeHeight」 image, iframeをlazyloadしてロード時の関数を指定可能な「Lazyload
setIframeHeight - クロスドメインで動的に高さの変わるiframe設定を実現 MOONGIFT
Webは別ドメインのコンテンツになると途端にできることが制限されます。セキュリティのためには必要なのは分かりますが、そのために回避策があれこれと考えられてしまうのも問題な気はします。 今回はiframeです。別ドメインのiframe内コンテンツはその高さが取得できません。それをsetIframeHeightを使って回避しましょう。 setIframeHeightの使い方 setIframeHeightを使うためにはまずiframe側でスクロール属性をnoにします。 <iframe scrolling="no" src="..."></iframe> そしてJavaScriptを読み込みます。 <script src="dist/set-iframe-height-parent-min.js" async></script> 次にiframeの内側のコンテンツでJavaScriptを読み込み
jQueryでiframeと親window同士でイベントをtriggerする - Qiita
jQueryをつかってiframeの中へイベントをtriggerする、あるいは、iframeの中から親windowへイベントをtriggerするのにハマったのでシェアしておきます。 親ウィンドウでもiframe内でもjQueryが読み込まれてる前提です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> </head> <body> <iframe src="/iframe/" name="myIframe" frameborder="0"></iframe> </body> </html>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
iframeの高さを中身のコンテンツにあわせて切り替えられる「setIframeHeight」:phpspot開発日誌
https://qiita.com/masahirompp/items/2453b5f61aed96963795
wryoku