Доступ к дочерним элементам окна событий и свойств mootools

Question

У меня есть всплывающее окно, которое мне нужно для доступа к нажатию, изменению или любому другому событию, а также к значениям элементов для ввода и перемещения их в родительский элемент окна

пример всплывающего окна html:

<a href="#" class="button">Add image</a>

<input type="text" id="imagelink" value="link_to_image" />

HTML родительского окна:

<img id="logo_image" src="default_image_link" />

начать JS:

window.addEvent('domready', function(){ 


   $$('.button').addEvent('click', function(){
   var img_src =  $('imagelink').get('value');
    $('logo_image').set('src',img_src);

   });

});

когда пользователь нажимает кнопку a.button в дочернем окне, мне нужно заменить свойство src родительского окна #logo_image значением из ввода #imagelink

Answer 1

Вы можете сделать это, зайдя window.opener свойство всплывающего окна, которое указывает на родительское окно:

window.opener.document.getElementById('logo_image').setAttribute('src', img_src);

Или, если у вас также есть MooTools в родительском окне:

window.opener.$('logo_image').set('src',img_src);