带链接的iframe，在父级中打开颜色框

Question

因此，我有一个带有条形图的小型iframe，我希望当我单击该图形时，它会从该iframe的“父项”中打开一个颜色框（带有更详细的图形）...

基本上，我可以使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

这个问题涵盖了如何做到这一点：

从iframe调用父窗口函数

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

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

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

帖子中的代码更改后进行编辑：

在准备就绪的文档内部关闭函数，使外部作用域无法访问它。 因此，请按照以下说明从封闭中删除它，或者完全删除文档就绪的封闭。

Answer 2

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

$(document).ready(function(){

谢谢尼克的帮助