Передача переменной из фрейма — родителю

Реализую возврат имени выбранного файла из модального окна ColorBox, в котором выводится файловый браузер. Нашёл неплохой вариант - http://kcoding.net/2012/jquery-colorbox-modalwindow/

...но вот так работает:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .java.geshi_code {font-family:monospace;} .java.geshi_code .imp {font-weight: bold; color: red;} .java.geshi_code .kw1 {color: #000000; font-weight: bold;} .java.geshi_code .kw2 {color: #000066; font-weight: bold;} .java.geshi_code .kw3 {color: #003399;} .java.geshi_code .kw4 {color: #000066; font-weight: bold;} .java.geshi_code .co1 {color: #666666; font-style: italic;} .java.geshi_code .co2 {color: #006699;} .java.geshi_code .co3 {color: #008000; font-style: italic; font-weight: bold;} .java.geshi_code .coMULTI {color: #666666; font-style: italic;} .java.geshi_code .es0 {color: #000099; font-weight: bold;} .java.geshi_code .br0 {color: #009900;} .java.geshi_code .sy0 {color: #339933;} .java.geshi_code .st0 {color: #0000ff;} .java.geshi_code .nu0 {color: #cc66cc;} .java.geshi_code .me1 {color: #006633;} .java.geshi_code .me2 {color: #006633;} .java.geshi_code span.xtra { display:block; }

  $('.isfile-image').click(function() {
    parent.$.colorbox.close();    
    parent.$.fn.colorbox.doCallback({
      "photo": 'имя_файла'
    });
  });
 


...а вот так - нет:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .java.geshi_code {font-family:monospace;} .java.geshi_code .imp {font-weight: bold; color: red;} .java.geshi_code .kw1 {color: #000000; font-weight: bold;} .java.geshi_code .kw2 {color: #000066; font-weight: bold;} .java.geshi_code .kw3 {color: #003399;} .java.geshi_code .kw4 {color: #000066; font-weight: bold;} .java.geshi_code .co1 {color: #666666; font-style: italic;} .java.geshi_code .co2 {color: #006699;} .java.geshi_code .co3 {color: #008000; font-style: italic; font-weight: bold;} .java.geshi_code .coMULTI {color: #666666; font-style: italic;} .java.geshi_code .es0 {color: #000099; font-weight: bold;} .java.geshi_code .br0 {color: #009900;} .java.geshi_code .sy0 {color: #339933;} .java.geshi_code .st0 {color: #0000ff;} .java.geshi_code .nu0 {color: #cc66cc;} .java.geshi_code .me1 {color: #006633;} .java.geshi_code .me2 {color: #006633;} .java.geshi_code span.xtra { display:block; }

  $('.isfile-image').click(function() {
    var image_name = $(this).val();
    parent.$.colorbox.close();    
    parent.$.fn.colorbox.doCallback({
      "photo": image_name
    });
  });
 


Но мне нужен именно второй вариант. Прошу помощи.
0
callback colorbox jquery

1 ответов

Я не знаю что такое ColorBox и как с ним работать, но увидел в названии слово "фрейм" и... Просьба не сердиться, если это не то:

Доступ из родительского документа к элементу в iframe:


document.getElementById('idIframe').contentWindow.document.getElementById( 'idElement' );
 
Доступ из iframe к элементу родительского документа:

window.parent.document.getElementById("idElement");
 
Доступ из iframe к переменной родительского окна:

window.parent.some_var = 5;
 
1