2014-02-27 75 views
5

我是新来的JavaScript,我卡在这里。 假设我有一个父窗口,它有一个输入字段以及一个打开弹出窗口的按钮。该弹出窗口包含图像。当我点击弹出窗口中的任何图像时,我只需要将图像URL复制到父窗口中的输入。 请任何帮助。由于Javascript将值从一个弹出窗口传递到它的父窗口

编辑:

这是我的弹出窗口上的JavaScript代码

<script type="text/javascript"> 
function clicked(address) { 
    window.parent.document.getElementById('copy_img').value = address.src; 

} 
</script> 

HTML

<input type="text" name="copy_img" id="copy_img" size="133" /> 
<img border="0" onclick="clicked(this)" src="images/1.jpg" width="135" height="46"> 
<img border="0" onclick="clicked(this)" src="images/2.jpg" width="128" height="48"> 
<img border="0" onclick="clicked(this)" src="images/3.jpg" width="305" height="44"> 

父窗口的HTML代码

<input type="text" name="copy_img" id="copy_img" /> 

我只是不能得到它的工作

+0

我不知道这个父弹出的关系!但我认为这一点,你必须使用后端为你的父母获得价值! –

回答

6

我终于想通了 使用window.opener

window.opener.document.getElementById('archiveimages').value = address.src; 
0

当用户从弹出窗口中选择图像时,使用以下语句来设置输入字段的值。假设输入栏的ID是“myInputField”

window.parent.document.getElementById('myInputField').value = imargeUrl; 
+0

请在我原来的帖子中看看代码。谢谢 – user2044626

+0

@ user2044626对不起刚刚看到你的编辑,很高兴它解决了。 – MoustafaAAtta

0

您可以使用打开的窗口:

window.open('http://www.website.com/popup/page?var=test','Note','width=700,height=500,top=150,left=150,scrollbars=yes' 

然后当你点击弹出的链接,你可以这样做:

goback('http://www.website.com/page?var=testing'); 
0
window.parent.getImageURL(img.src); 

弹出窗口可以通过上述方法访问父窗口的javascript,只需在全局范围内有一个函数(如getImageURL()),它就会工作

+0

我编辑了我的文章,并且包含了我使用的完整代码。你可以看看吗?谢谢 – user2044626

相关问题