Javascript передает значение из всплывающего окна в родительское окно

Я новичок в JavaScript и я застрял здесь. Допустим, у меня есть родительское окно и полем ввода, а также кнопка, которая открывает всплывающее окно. Это всплывающее окно содержит изображения. Мне просто нужно скопировать URL изображения в этот вход в Родительском окне, когда я нажимаю на любое изображение во всплывающем окне. Любая помощь, пожалуйста. Спасибо

Edit:

Это мой код 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" />

Я просто не могу заставить его работать

4 ответов


Я наконец-то поняла Используйте окно.открывалка

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

когда пользователь выбирает изображение из всплывающего окна, используйте следующую инструкцию для установки значения поля ввода. Предполагая, что идентификатор поля ввода - "myInputField"

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

Вы можете открыть окно с помощью:

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');

window.parent.getImageURL(img.src);

всплывающее окно может получить доступ к родителям javascript с помощью вышеуказанного метода, просто есть функция (например, getImageURL ()) в глобальной области, и она будет работать