Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQuery - Write to opener window

I have an HTML page that opens another page via JavaScript. When a user clicks a button in the other page, I want to post a message in a DIV of the opening page via JQuery. I cannot put my finger on it, but I cannot seem to get this to work. Here is my opener page

<html>
  <head>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  </head>

  <body>
    <input type="button" onclick="window.open('dialog.html', '_blank', 'height=200, width=300');" value="launch!" />
    <div id="testDiv"></div>
  </body>
</html>

When the user clicks the "launch!" button, a dialog will appear. The code for the dialog looks like this:

<html>
  <head>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  </head>

  <body>
    <input type="button" onclick="updateOpener()" value="Update Opener" />
    <script type="text/javascript">
      function updateOpener()
      {
        var testDiv = window.opener.jQuery("#testDiv");
        if (testDiv != null) {
      alert("here");
      testDiv.html("Updated!");
        }
      }
    </script>
  </body>
</html>

Surprisingly, the alert box appears. However, I cannot seem to update the HTML of the DIV in my opening page. Does anyone know how to do this?

like image 235
user70192 Avatar asked Jun 23 '09 20:06

user70192


2 Answers

You're referencing "confirmDiv". Where is that DIV?

like image 81
Sev Avatar answered Oct 30 '22 05:10

Sev


You can't do that if the parent page (the opener) resides on another domain. Otherwise, your code works perfectly.

Also, your != null check is probably not doing what you think it is doing, as the jQuery function never returns null. If you are checking for the existence of an element, you need to do it this way...

var el = $("#myElementId");
if(el.length == 0)
  alert('Not found!');
like image 36
Josh Stodola Avatar answered Oct 30 '22 04:10

Josh Stodola