4

iframe を含むページがあります。iframe では、ユーザーは個別にナビゲートできます (フォーム、アカウントなどを送信するため)。そうしている間、新しいiframeページごとにiframeのサイズが変わります。問題は、単一の iframe ID を自動サイズ変更に設定したことです。もう1つの問題は、フォームの登録など、一部のiframeが読み込まれた後、写真をアップロードするオプションがいくつかあることです。これを処理できます - 。すべての iframe ページに iframe 用のスクリプトを挿入できますが、親ページは各 iframe を自動サイズ変更するためにどのように認識しますか?

親ページのコード (1 つの iframe ページを ID で自動サイズ変更):

<script>
function alertsize(pixels){
pixels+=0;
document.getElementById('myiframe').style.height=pixels+"px";
}
</script>

上記のスクリプトは、iframe に読み込まれる iframe ページに適用するために変更できますか?

iframe スクリプト:

<script type="text/javascript">
var myHeight = 0;

setInterval(function(){
if(myHeight != document.body.scrollHeight){
    myHeight = document.body.scrollHeight;
    parent.alertsize(myHeight);
}
},500);
</script>

iframe:

<iframe id="myiframe" src="../../data/my-account" name="myiframe" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
4

1 に答える 1

0

top親フレームを参照するために使用できます。これは、トップ ウィンドウ オブジェクトを参照します。

top.alertsize(myHeight)

 +-----------------------+
 | top                   |
 |                       |
 | +------------------+  |
 | | iframe           |  |
 | +------------------+  |
 |                       |
 | +------------------+  |
 | | iframe           |  |
 | +------------------+  |
 +-----------------------+
于 2013-06-06T18:02:03.153 に答える