CODEWITHSUNDEEP
javascriptparent-childpopupwindow
user2044626
user2044626

Reputation: 281

Javascript Passing value from a popup window to its parent window

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

Upvotes: 6

Views: 22524

Answers (5)

LPK dev
LPK dev

Reputation: 1

//-- window parent

function openChildWindow() {
  // Open child window
  var childWindow = window.open('child.html', 'childWindow', 'width=400,height=200');

  // Listen for message from child window
  window.addEventListener('message', function(event) {
    // Display the received message from child window
    alert('Received message from child window: ' + event.data);
  });
}

//-- popup window child ...

function passValueToParent() {
  // Get reference to the parent window
  var parentWindow = window.opener;

  // Pass value to parent window
  var message = 'Hello from child window!';
  parentWindow.postMessage(message, '*');
}

Upvotes: 0

user2044626
user2044626

Reputation: 281

I finally figured it out Use window.opener

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

Upvotes: 9

QBM5
QBM5

Reputation: 2788

window.parent.getImageURL(img.src);

The popup can access it parents javascript with the above method, just have a function (like getImageURL()) on the global scope and it will work

Upvotes: 0

timi2shoes
timi2shoes

Reputation: 95

You can open a window using:

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

Then when you click a link on the popup you can do:

goback('http://www.website.com/page?var=testing');

Upvotes: 0

MoustafaAAtta
MoustafaAAtta

Reputation: 1081

When the user select the image from the popup, use the following statement to set the value of the input field. Assuming the id of the input field is 'myInputField'

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

Upvotes: 0

Related Questions