訪問另一頁頂部的iframe元素

Question

• 我有兩個jsp頁面。 1.customer.jsp 2. menuBanner.jsp
• customer.jsp在其內容的頂部有一個iframe。該iframe不過是menuBanner.jsp文件。
• menubanner.jsp只有兩個內容。一個圖像和一個按鈕。點擊按鈕它必須打開一個對話框。對話框代碼應該在menubanner.jsp頁面中。
• 當我點擊這個URL host：port/example/menuBanner.jsp中的按鈕時，我正在獲取對話框，並且對話框位於頁面中心。
• 但是，當我嘗試從這個URL主機：端口/示例/ customer.jsp，對話框是堅持在頁面頂部，並沒有得到框的高度以及。
• 我的需求是，當我嘗試從這個網址太主機：端口/示例/ customer.jsp，我必須得到頁面中心的對話框。我的意思是它應該位於customer.jsp頁面內容的頂部。

Answer 1

很好，您的iframe和頁面在同一個域上，這意味着您可以在父/子之間在JavaScript中來回調用。

我會建議你的父母建立一個javascript函數（customer.jsp）

function drawBox() { 
    //handle drawing the box here however that has to happen 
} 

在menuBanner.jsp更新按鈕，觸發 「parent.drawBox（）」

onclick="parent.drawBox()" 

下面是這個工作的一個例子： http://mathforum.org/~amir/share/stack/outer.html