I'm new in javascript and I'm stuck here. Let's say I have a parent window and it has an input field as well as a button that opens a popup window. This popup window contains Images. I just need to copy image URL to that input in the parent window when I click on any image on the popup window. Any help please. Thanks
Edit:
This is my javascript code on the popup window
<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">
Parent Window HTML Code
<input type="text" name="copy_img" id="copy_img" />
I Just Can't get it to work
From a child window or a small window once opened, we can transfer any user entered value to main or parent window by using JavaScript. You can see the demo of this here. Here the parent window is known as opener. So the value we enter in a child window we can pass to main by using opener.
Click the Open / Swap radio button. Under Window, use the dropdown list to select the path to your Popup Window (i.e.,Popup_Param_Test). Check the Pass Parameters check box, and click the Add icon to add a parameter. Click the new row under Parameter Name and a dropdown list will appear.
Typically the onclick event on the "Yes" or "Ok" button in the modal dialog looks like this: window. returnValue = true; window. close();
The syntax to open a popup is: window. open(url, name, params) : url. An URL to load into the new window.
I finally figured it out Use window.opener
window.opener.document.getElementById('archiveimages').value = address.src;
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With