Question

I have a page where clicking on a link will open a popup window. The popup window will contain some value. Now when user clicks on a div tag, I want to copy the text of that div into a text box of the main window.

I have used following code to open a popup –

popup = window.open(location, "popup","menubar=1,resizable=1,scrollbars=1,width=650,height=450");

How can I do that?

Answer 1

You can use opener to reference the parent window from your child window. Here’s an example from W3 Schools…

… and here’s a working example from me:

Parent Window

Script

    <script type="text/javascript">
        $().ready(function () {
                $('#link').click(function (e) { 
                    e.preventDefault();  
                    window.open("popup.htm"); 
                });
        });
        function updateContent(content) {
            $('#contentHolder').html(content);
        }
        </script>

HTML

<a id="link" href="popup.htm" target="_blank">Open Window</a>
<div id="contentHolder"></div>

Child Window

Script

<script type="text/javascript">
    $().ready(function () {
        $('#contentDiv').click(function () {
            window.opener.updateContent($(this).html()); 
        });
    });
    </script>

HTML

<div id="contentDiv">Clickable Div</div>