試圖動態調整iframe的高度指向本地PHP頁面

我已經經歷噸帖子和文章的閱讀，並沒有發現我的問題通過試圖動態調整iframe的高度指向本地PHP頁面

我父頁面點具體工作的修復iframe到本地子頁面。

子頁面是一個PHP調查，隨着用戶點擊下一個按鈕，頁面之間的高度發生變化。（並不真正改變網頁，但在一個.php文件中重新填充內容）

我想根據子頁面的長度自動展開父頁面並聯系高度。

我有這個特殊需求，因爲我在WordPress內部工作，並希望將PHP應用程序（調查）包裝在WordPress主題的設計中。

唉幫助將非常感激！

來源

2012-02-11 Kyle Dalan

如果是本地的。你爲什麼使用iFrame？爲什麼不使用查詢字符串使用單獨的頁面？或者AJAX加載也是一種選擇.. – Richard 2012-02-11 19:33:50

這兩個頁面在同一個域上嗎？如果是的話，那麼最簡單的方法就是在父頁面和子頁面上運行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元素的邊緣/邊框/等。

如果這兩個頁面位於不同的域中，這將更加困難。 iframes之間的跨域通信很困難，特別是如果您想支持舊瀏覽器。

來源

2012-02-12 02:42:46 djd

試圖動態調整iframe的高度指向本地PHP頁面

回答

相關問題