2013-12-12 49 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(){ 

感謝尼克您的幫助