橋本商会 » 別ドメインの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"); あ
クロスドメインでiframe内のコンテンツとメッセージの授受·Porthole MOONGIFT
Portholeはiframe内のコンテンツと相互にメッセージを授受できるライブラリです。 最近はFacebookアプリやブログパーツのようにiframeを使って外部サイトのデータを表示するケースが増えています。そんな中、親ウィンドウと子フレームの中でデータを授受できるPortholeはきっと役に立つはずです。 親ウィンドウと子フレームは別ドメインになっています。 子フレームからのアクションで親ウィンドウにおけるiframeの高さが変わりました。 親ウィンドウの色を子フレームから変更しました。 別な色に変更。 別ドメインなのが分かります。 親ウィンドウから子フレームの色を変更しました。 Portholeでは親ウィンドウと子フレームとで相互にメッセージをやり取りできます。iframeは複数作成して、それぞれに別なメッセージを飛ばすことができます。子フレームでは受け取ったメッセージを処理分けし
tumblrのYouTube埋め込み表示がカッコイイ
最近tumblrのダッシュボードで流れるYouTubeの埋め込み表示が変わって「お!」な感じだったので調べてみました。 まずYouTubeの動画を普通に貼りつけると、こうなります。 特にこれでも問題ないというか、Youtubeの特徴的な再生ボタンのおかげで十分動画だと分かります。しかし最近のタンブラーの動画サムネはこのように変わりました。 面白いですね。ノイズが動いているおかげで、より動画っぽい印象が増しています。 劇的な変化でもないし、良くなったか悪くなったかは微妙な所ではありますが、個人的にはタンブラーらしい変化かなと思いました。※タンブラーは機能が増えるよりも減ることに喜びを感じる思想を持ってます。 というわけで、ソースを覗いて実現法を見てみましょう。 実装方法 通常のYoutubeの埋め込みコードはこちらです。iframe一行のみ。 <iframe loading="lazy" w
CSSファイルをJSから非同期読込する方法
CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = href; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); })(); これに関しては以下のように別のiframeを作成して読みこめば非同期で読み込めるので、他のファイルの読み込みをブロックしない。 （iOS, Androidで動作を確認） (fun
HugeDomains.com
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
データをpostMessageで受け渡すセッション限りのトークン取得(取得しない)フロー
Edit fiddle - JSFiddle - Code Playground
