IFRAMEの高さを内容に応じて変えるには？(クロスドメインで) - 風柳メモ
瞬語一覧をブログパーツ化しようとして、はまる 先日の瞬語一覧を、とりあえずお手軽にGoogle Gadget化してみるか……と安直に考えて、はまってしまいました。 瞬語一覧 - “今”話題のキーワードって？は、タグクラウドっぽい表示にしている性質上、コンテンツの高さが変わってしまうことは避けられません。 で、調べてみたら、Google Gadgetにはdynamic-height Libraryの中に、_IG_AdjustIFrameHeight()という関数が用意されており、ガジェットの高さを調整してくれるみたいです。 なんだ、簡単じゃんと思ってやってみたのですが……。 試してみたい方は→こちら。 _IG_AdjustIFrameHeight()の問題点 サイズ調整動作が鈍い（IFRAMEの内容が読込まれてから高さ調整までに一拍置かれる感じ)。 動作が不安定（サイズ調整してくれないときが
iframeのスクロールバーを消す際の注意点
iframeでスクロールバーを常に表示させない為には、 属性としてscrolling=“no"を指定します。 とある作業にて上記の記述をしたのですが、その際、 FirefoxとIEでは期待通りの動作をしてくれました。 しかし、Safari、Opera、Chromeでは スクロールバーが表示されてしまいました。 理由は、iframe内のhtmlが使用するcssに 下記の記述があった為でした。 html { overflow-y: scroll; } この記述を消したら期待通りの動作をしてくれました。 尚、全てWindowsでの話です。 解決まで、少し遠回りしてしまった… Tweet Tags: htmlcss 2009/09/30 16:40 Permalink Comments 3 notes
iframeをValidに表示する(?)javascript「JQuery iFrame Plugin」
iframeをValidに表示する(?)javascript「JQuery iFrame Plugin」 ページに外部ページを表示させる方法にiframeがありますが、XHTML 1.0 StrictやXHTML 1.1で「非推奨要素・属性」となっています。 JQuery iFrame Pluginを使用すれば、これをクリア（多分）しつつ、iframeが使用できます。 sponsors 使用方法 JQuery iFrame Pluginからjquery_iframe.jsを、jQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery_iframe.js" type="t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
maki-o memo