JavaScript Forum

**daraptor** · 01-29-2007, 12:02 AM

hey guyz.....how do i populate parent window from child window ........

lets say.....my parent window is

Quote:

Quote:
<div align="left"><strong>search or <a href="javascript

penpopup('example.html')">finite </a> </strong><form>
<strong>From:</strong>
<input type="text" id="textField">
</form>
<div id="contentArea"></div></div>

and my child window has a href link it....so what should i do to populate teh parent window when i click the href link in child window......i would appreciate any kinda help or suggestions guyz....thanx....

**ADAM Web Design** · 12:45 AM

Code:

function populateParentWindow() {
     window.parent.getElementById(div in parent window with unique id that will contain populated text from child window).innerHTML = "<p>Some stuff.</p>";
     return false; // you'll need this to ensure that you don't actually have a clickthrough to your child window link.
}
.......
.......
.......
<a href="#" onclick="populateParentWindow();">Your Link.</a>

Untested code, but it should work with some fairly obvious tweaking.

**Kirtan** · 01-29-2007, 09:05 AM

You can use window.opener property instead

Code:

<html>
<body>

<script type="text/javascript">
myWindow=window.open('','MyName','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
myWindow.opener.document.write("This is the parent window")
</script>
</body>
</html>

**ADAM Web Design** · 01-29-2007, 10:40 AM

You could do that too, yeah. I prefer parent since it's the parent window, but yeah, you could do that.

**daraptor** · 01-29-2007, 01:06 PM

Quote:

Originally Posted by ADAM Web Design

Code:

function populateParentWindow() {
     window.parent.getElementById(div in parent window with unique id that will contain populated text from child window).innerHTML = "<p>Some stuff.</p>";
     return false; // you'll need this to ensure that you don't actually have a clickthrough to your child window link.
}
.......
.......
.......
<a href="#" onclick="populateParentWindow();">Your Link.</a>

Untested code, but it should work with some fairly obvious tweaking.

hey man...thanx for the reply and help appreciate it...but i have one more doubt...
am addin this script in my parent window right....and the href link in the child window....right...then should i replace " div in prent window with unique id ..... <p> some stuff</p> " with something.....i mean the whole text jss sits in there or do i have to add something.....thanx

**Kirtan** · 01-31-2007, 07:30 AM

Quote:

Originally Posted by daraptor

am addin this script in my parent window right....and the href link in the child window....right...

No. You have to add that script in child window. and when you click the link, href call populate function. There you get the id of to be populate element which is in parent window. that is the meaning for
window.parent.getElementById