2012-02-11 16 views
0

ローカルPHPのページを指しているのiframeの高さを変更しようとすると、 iframeをローカルの子ページに追加します。動的に私が記事と記事のトンを読んできたし、</p> <p>私の親ページポイントを経由して私の問題のために特別に機能修正を発見していない

子ページは、ユーザーが次のボタンをクリックすると高さがページごとに変化するPHPアンケートです。 (実際にはページを変更せずに1つの.phpファイル内にコンテンツを再埋め込みします)

親ページを子ページの長さに応じて自動展開および接触の高さにしようとしています。

私はWordPressで作業しており、WordPressテーマのデザイン内でPHPアプリケーション(調査)をラップする必要があるため、この特定の必要があります。

Ayのヘルプは本当に感謝しています!

+0

ローカルの場合。なぜあなたはiFrameを使用していますか?なぜ、クエリ文字列を使って別のページを使用しないのですか?または、AJAXローディングもオプションです。 – Richard

答えて

0

2つのページは同じドメインにありますか?はいの場合、これを実現する最も簡単な方法は、親ページと子ページの両方でJavaScriptを実行することです。

ここでは、どのように機能するかを概説します。親ページで

... 
<script> 
    function resizeFrame() { 
    // Call out to the parent iframe. 
    window.parent.resizeChild(document.body.clientHeight); 
} 
</script> 
... 
<body onload="resizeFrame()"> 
... 

:子ページで

<script> 
    function resizeChild(height) { 
    // Add the ID of the iframe element below. 
    document.getElementById(...).style.height = height + 'px'; 
    } 
</script> 

おそらく、iframe要素のマージン/ボーダー/などに応じて、高さを調整する必要があります。

2つのページが別のドメインにある場合、これははるかに難しくなります。 iframes間のドメイン間通信は、特に旧式のブラウザをサポートしたい場合は難しくなります。

関連する問題