jQueryでiframe内のページから親ページを操作する方法｜BLACKFLAG
少し前に「jQueryでiframeの親ページからインラインフレーム内の子ページを操作する方法」と題して、 iframeの親ページから子ページを操作する方法を紹介しましたが、 その逆の、iframeの子ページから親ページを操作をする方法について 簡単なサンプルを交えて紹介してみます。 親ページ側では特にjQueryファイル自体を読み込む必要は無く、 iframe内に表示するページ側で、jQueryファイルと共に 下記の様なスクリプトを書くことで操作することが可能になります。 ◆SCRIPT $(function(){ $('p',parent.document).css({color:'#ff0000'}); }); この記述方法（参考例）の場合だと、iframe内のページからの操作で 親ページの＜p＞タグのテキスト色を「赤」に変更します。 スクリプトを実行させる該当要素の後に「,pare
iframeのheightをjqueryで調整する - 山羊の頭の日記
iframeで取り込まれるフレームのコンテンツの高さなどがjavascriptで動的に更新される場合、その完了したタイミングを親側で検知するのは難しい。 そのため、取り込まれるフレーム側で親のiframeの属性を変更する必要がある。 <html> <body> <iframe src="iframe1.html" id="if1" width="100%" ></iframe> <iframe src="iframe2.html" id="if2" width="100%" ></iframe> <iframe src="iframe3.html" id="if3" width="100%" ></iframe> </body> </html> iframe1.html: <html> <head> <style> body{ margin: 0px 0px 0px 0px; paddin
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Zoomer - Zoom up your iFrames
