クロスドメインでiframeの高さを自動調節する方法

※恐らく、このページは参考になりません。以下のURLへどうぞ!(2012.09.15)
http://i556tips.tumblr.com/post/15710917018/iframe-javascript

業務で必要になったのでメモ。

同一ドメインでの高さ取得のサンプルは結構紹介されてるのですが、別ドメインの場合の方法があまり紹介されていないようなので引用しておきます。

Cross Domain iframe Resizing

確認した限りではIE6でも動きました。

ただし、iframeの呼び出し元ソースに手を加える必要があるので、呼び出し側のドメインと呼び出し元のドメインを自身で管理していない場合は、呼び出し元ソースをPHPとかのスクリプトで整形する必要があります。(だったらわざわざiframe使わなくてもいいだろうという突っ込みは無しで。)

 

 

追記(2011/09/15):

多少なりともアクセスがあるようなので追記しておきます。

 

Firefox6だと上記で参照しているスクリプトでは恐らくうまくいかないと思うので、以下のjQueryプラグインを参照してください。

クロスドメインでの確認はしていませんが、恐らく大丈夫じゃないかと思います。(駄目だったらごめんなさい。)

 

https://github.com/house9/jquery-iframe-auto-height

 

さらに追記(2012/09/15):

偶然にも同じ日でしたが、一年ぶりにアクセス解析の結果を見たら、なんとこのページのビューが最も多い。しかし、上記の奴は動かないので参考になりません。

 

運悪くこのページにたどり着いてしまった方は被リンクで見つけた以下のURLを参考にして下さい!制限はありますが、クロスドメインでも動作するようです。

http://i556tips.tumblr.com/post/15710917018/iframe-javascript

 

たまにはアクセス解析見ないと駄目だな。

IT起業アカデミア