Javascript: Child window changing content of parent window

**nekoder** · Mar 15, 2001 18:14

After I create another window, I want to be able to click on a link and change an image on the parent window. I was only able to change the image from the parent itself. But this is not what I want.

parent.html contains:

<html>
<head>
<script language="javascript1.2">

</script>
</head>
<body>
<a href="child.html" onClick="NewWindow(this.href,'optWindow','300','400','yes'); return false;">Create a window</a>
<a href="javascript:" onMouseOver="window.document.img1.src='ss.gif'" onMouseOut="window.document.img1.src='so.gif'"><img name="img1" src="so.gif" border=0></a>
<p>
<a href="javascript://"><img name="img2" src="so.gif" border=0></a>
</body>
</html>

--------------

child.html contains:

<html>
<head>
<script language="javascript1.2">


</script>

</head>
<body>
<a href="javascript://" onClick="writeBack('img2','ss.gif'); return false;">Write image</a>
</body>
</html>

------

The comment parts are things that I have tried, but they don't work either. Any help will be greatly appreciated.

Thanks!

**nekoder** · Mar 15, 2001 18:22

If you want to see this running, go to: http://acm.calstatela.edu/scripts/

**scrubz** · Mar 16, 2001 01:38

You're SO close.

In your writeBack function, change parent.document to window.opener. That should do it.

**nekoder** · Mar 16, 2001 13:16

Thank you so much. It's working now. But how would you pass an object as a parameter? For example, I want to do this:

<a href="javascript://" onClick="writeBack(win.opener.document.img2,'ss.gif'); return false;">Write image</a>

Then the function writeBack takes two parameters. One object and another is the image location.

function writeBack(Obj, imgName) {
Obj.src = imgName;
}

This is not working.... any idea how to do this?

Thanks in advance.

**nekoder** · Mar 16, 2001 13:51

Oooh.. never mind. Figured it out.

writeBack(win.opener.document.img2,'ss.gif')

should be

writeBack(window.opener.document.img2,'ss.gif')

User Tag List

Thread: Javascript: Child window changing content of parent window

Thread Tools

Display

Bookmarks

Bookmarks

Posting Permissions