Home/ Questions/Q 493749
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T05:26:05+00:00

How can I call the parent-window jquery function with variable from popup window javascript?

  • 0

How can I call the parent-window jquery function with variable from popup window javascript? Any simple examples that I can look at?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    opener is a reference to the window object of the opening document. I.e. you have access to the global javascript namespace of the opening window.

    e.g.

    <html>
  <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    <script type="text/javascript">
      function foo(url) {
        // if there is a reference to the opening window
        if (null!=opener) {
          // we call the function in the context of the opening window
          opener.foo(url);
        }
        else {
          // otherwise show the data
          $('#d1').html(new Date() + " : " + url);
        }
      }
    </script>
  </head>
  <body>
    <div id="d1">...</div>
    <button onclick="window.open('?');">new window</button>
    <button onclick="foo(document.URL);">propagte url</button>
  </body>
</html>

    if you press “propagate url” in a (in any) popup window the function call will bubble up to the first non-popup window (having opener=null).

    edit: keep in mind that security restrictions (like cross domain checks) implemented in the browser apply.

    edit2: example with history.go(0)

    <html>
  <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    <script type="text/javascript">
      function foo() {
        var context = (null!=opener) ? opener : window;
        context.history.go(0);
      }

      $(document).ready( function() {
        $('#d1').html("document ready at "+ new Date());
      });
    </script>
  </head>
  <body>
    <div id="d1">...</div>
    <button onclick="window.open('?');">new window</button>
    <button onclick="foo(document.URL);">...and action</button>
  </body>
</html>
    • 0