访问子窗口元素事件和属性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时，我需要用输入#imagelink

中的值替换父窗口#logo_image的src属性

Answer 1

您可以通过访问指向父窗口的弹出窗口的window.opener属性来执行此操作：

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

或者，如果您在父窗口中也有MooTools：

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