访问另一页顶部的iframe元素

时间:2013-02-20 06:51:25

标签: javascript html iframe dialog onclick

  • 我有两个jsp页面。 1.customer.jsp 2. menuBanner.jsp
  • customer.jsp在其内容的顶部有一个iframe。 iframe只是menuBanner.jsp文件。
  • menubanner.jsp只有两个内容。图像和按钮。点击按钮就可以打开一个对话框。对话框代码应该在menubanner.jsp页面中。
  • 当我点击此url主机上的按钮:port / example / menuBanner.jsp时,会出现对话框,对话框位于页面中心。
  • 但是当我尝试使用这个url主机:port / example / customer.jsp时,对话框会粘在页面顶部,而不是获得框的高度。
  • 我的需求是,当我尝试从这个url太主机:port / example / customer.jsp时,我必须在页面中心找到对话框。我的意思是它应该位于customer.jsp页面内容的顶部。

1 个答案:

答案 0 :(得分:1)

你的iframe和页面在同一个域上是很好的,这意味着你可以在javascript中的父/子之间来回调用。

我建议在您的父(customer.jsp)中设置一个javascript函数

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