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

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

Пример 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);

   });

});

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


mootools mootools-events
person Benn    schedule 06.10.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

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

window.opener.$('logo_image').set('src',img_src);
person Inferpse    schedule 08.10.2012