2013-12-12 41 views
0

因此,我有一个带有条形图的小型iframe,我希望当我单击图形时,它会打开一个colorbox(带有更详细的图形)父母“的那个iframe ...带链接的iframe,打开父母的colorbox

基本上我可以得到的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> 

但好像没有什么改变?我错过了什么?

回答

0

这个问题介绍了如何可以这样做:

Calling a parent window function from an iframe

,是很好的回答。它们甚至涵盖了您需要父窗口和iframe在同一个域中的概念。应该解决你的概念问题。

没有实际的代码示例它会是很难与代码,但基本上是扩大:

  1. 父窗口的标题定义FUNC“openColorBox”
  2. 的Iframe设置点击它时,在条形图点击事件呼吁parent.openColorBox
  3. 后置码变化

编辑:

分配取得的文件准备闭包功能外部范围无法访问。因此,请从下面的注释中将其从关闭中移除,或者完全移除文档准备关闭。

+0

感谢您的概念响应 – atomapps

+0

没有概率,当/如果你得到一个关闭的实现放了一个jsFiddle,我可以帮助你完成调试。 –

+0

我现在已经到了那个阶段,敬请期待一个jsfiddle ......谢谢 – atomapps

0

所以我本来的代码是正确的,但需要被取出的:

$(document).ready(function(){ 

感谢尼克您的帮助