iGoogle のようなアプリケーションに取り組んでいます。(他のドメインの) 他のアプリケーションからのコンテンツは、iframe を使用して表示されます。
iframe のコンテンツの高さに合わせて iframe のサイズを変更するにはどうすればよいですか?
Google が使用する JavaScript を解読しようとしましたが、難読化されており、Web を検索してもこれまでのところ成果がありませんでした。
更新: コンテンツは他のドメインから読み込まれるため、同一オリジン ポリシーが適用されることに注意してください。
解決策 - iframe が同じドメインからのものである場合、iframe の高さを iframe コンテンツの本文の高さに引き伸ばすことです。
別のドメインの iframe を使用しているため、セキュリティ上の理由からこれを行うことはできません (引用した同一オリジン ポリシー)。
ハックな方法はありますが、ブラウザ間の互換性はありません。
** 更新: JSONPを使用して、このリンクが何らかの形で役立つかどうかを確認してください:
http://www.codeproject.com/Articles/42641/JSON-to-JSONP-Bypass-Same-Origin-Policy
これを行う最も簡単な方法は、CSS を使用することです。
プロセス: Web サイト内に iframe をインポートしてから、CSS 内で調整するクラスを追加します。
css 属性要素の 1 つを上書きする必要がある場合は、単に !important 機能を使用してください。
例：
.fb-likes{
width:100% !important;
}