How to call a function of another window in javascript? [duplicate]

Question

I open a new tab using window.open. The new tab has a javascript myfunction function in it defined in a script tag. From the window that opens the new window, I want to run that function.

How can I do that?

Thanks

Something like

var a = window.open("mypage.html", "_blank");
a.myfunction("hi");

EDIT

This isn't working. Its not doing the alert.

opener

        var w = window.open("../scripts/map.php", "_blank");
        w.postMessage("The user is 'bob' and the password is 'secret'", "*");

new tab

        function receiveMessage(event) {
            alert(event.data);
        }
        window.addEventListener("message", receiveMessage, false);

you can try a.postMessage and handle the message in that window. developer.mozilla.org/en-US/docs/Web/API/Window.postMessage — user1600124
– user1600124, Commented Aug 27, 2014 at 2:01
I think I misunderstood....you want to run myFunction, which is defined in the newly opened window, from the window that opened the new tab, right? It's not that you want to run a function in the opener window from the newly opened window, correct? — The One and Only ChemistryBlob
– The One and Only ChemistryBlob, Commented Aug 27, 2014 at 2:02
Do you want to run myFunction at any given time or only when the new window is opened? — The One and Only ChemistryBlob
– The One and Only ChemistryBlob, Commented Aug 27, 2014 at 2:06

HDT · Accepted Answer · 2014-08-27 02:12:39Z

13

var a = window.open("mypage.html", "_blank");
a.focus();

a.addEventListener('load', function(){
  a.myfunction("hi");
}, true);

answered Aug 27, 2014 at 2:12

HDT

2,04720 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

The One and Only ChemistryBlob · Accepted Answer · 2014-08-27 02:14:30Z

0

Assuming a php file provides the content for the new window:

window.open('http://www.example.com/myFile.php?parameter=' + parameter, 'myWindow', 'width=500,height=500,scrollbars=yes').focus();

Then in the php section of myFile.php:

$myParam = (isset($_GET['parameter'])) ? $_GET['parameter'] : null;

Then using a body onload call a function:

<head>
<script>
    var myParam = '<?= $myParam ?>';
</script>
</head>
<body onload="myFunction()">

The function tests for the existence of $myParam:

function myFunction() {
    if (myParam) {
        //do Something
    }
}

answered Aug 27, 2014 at 2:14

The One and Only ChemistryBlob

7,90211 gold badges41 silver badges76 bronze badges

1 Comment

omega Over a year ago

I didn't want to attach it as a url parameter. The accepted answer works good though.

Collectives™ on Stack Overflow

How to call a function of another window in javascript? [duplicate]

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related