使用jquery或javascript從iframe控制頂級父窗口

Question

我的網站上有一個空白文本框。在旁邊是一個打開iframe的按鈕（使用colorbox）。這IFRAME顯示文件列表 - 每個文件旁邊是通過調用下面的函數將文件名中的父窗口的文本字段的按鈕：

function returnImage(file){ 

    $('#input_text_id', window.parent.document).val(file); 
    parent.$.fn.colorbox.close(); 

} 

這個偉大的工程，但出現問題時，我點擊iframe中的一個文件夾。這會導致iframe中的頁面加載不同頁面的文件。在此之後，該功能不再起作用。

有無論如何，我可以使用jquery訪問最頂層的父頁面，並控制它？所以我們會有這樣的：

function returnImage(file){ 

    $('#input_text_id', theoriginalwindow.document).val(file); 
    parent.$.fn.colorbox.close(); 

} 

希望這是有道理的，如果您需要更多的信息，請讓我知道。

感謝

Answer 1

在頂部窗口：

<script> 
    function returnImage(file, doc){ 
     $('#input_text_id', doc).val(file); 
     $.fn.colorbox.close(); 
    } 
</script> 

與iframe：

<script> 
    top.returnImage(file, document); // top is top parent window. 
</script> 

Answer 2

使用top。