タグ

2012年7月19日のブックマーク (1件)

  • jQueryでiframe内のページから親ページを操作する方法|BLACKFLAG

    少し前に「jQueryでiframeの親ページからインラインフレーム内の子ページを操作する方法」と題して、 iframeの親ページから子ページを操作する方法を紹介しましたが、 その逆の、iframeの子ページから親ページを操作をする方法について 簡単なサンプルを交えて紹介してみます。 親ページ側では特にjQueryファイル自体を読み込む必要は無く、 iframe内に表示するページ側で、jQueryファイルと共に 下記の様なスクリプトを書くことで操作することが可能になります。 ◆SCRIPT $(function(){ $('p',parent.document).css({color:'#ff0000'}); }); この記述方法(参考例)の場合だと、iframe内のページからの操作で 親ページの<p>タグのテキスト色を「赤」に変更します。 スクリプトを実行させる該当要素の後に「,pare

    jQueryでiframe内のページから親ページを操作する方法|BLACKFLAG
    asa2ki
    asa2ki 2012/07/19
    親フレームのJSを実行