mootools - 访问子窗口元素事件和属性 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 时，我需要将父窗口 #logo_image 的 src 属性替换为输入 #imagelink 中的值

Answer 1

您可以通过访问window.opener指向父窗口的弹出窗口的属性来做到这一点：

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

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

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