Question

所以我有一个带条形图的小iframe，我希望当我点击图表时，它会从iframe的“PARENT”中打开一个颜色框（带有更详细的图形）... < / p>

基本上我可以让iframe打开彩盒，但它很小，我需要它与父窗口一样大。

我如何实现这一目标？请完整代码......我是新手。现在我走了多远：

家长代码：

$(document).ready(function(){
   function call_colorBox(params) {
   $.colorbox(params);
   }
})

iframe代码：

<a onclick="parent.call_colorBox({ width: '80%', height: '80%', iframe: true, href:'dash6detail2.0xpay.php' });" href="#"><div id="chartContainer" style="max-width:440px;height: 250px;"></div></a>

但似乎什么都没发生？我错过了什么？

Answer 1

这个问题涉及如何做到这一点：

Calling a parent window function from an iframe

并且得到了很好的回答。它们甚至涵盖了您需要父窗口和iframe位于同一域中的概念。应该解决你的概念问题。

如果没有您的实际代码示例，很难扩展代码，但基本上是：

父窗口的标题定义了func“openColorBox”
iframe在条形图上设置点击事件，点击时调用parent.openColorBox

在帖子中更改代码后编辑：

在文档就绪关闭内分配函数使外部作用域无法访问。所以要么从闭包中删除它，如下面所述，或者完全删除文档就绪闭包。

Answer 2

所以我最初的代码是正确的，但是需要从以下代码中删除：

$(document).ready(function(){

感谢尼克的帮助

带链接的iframe，在父级中打开colorbox

2 个答案: