Управление верхним родительским окном из iframe с помощью jquery или javascript

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.