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 ()) в глобальной области, и она будет работать