Home/ Questions/Q 6208775
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T05:51:58+00:00

* Update: Ultimately I’ve decided that accomplishing exactly what I want here isn’t possible

  • 0

*Update: Ultimately I’ve decided that accomplishing exactly what I want here isn’t possible due to the issues it poses to security. Kalle’s answer below gives a solution that is closest to what I want to accomplish.
In order to solve my problem I’ve created scripts on both pages and will use a sort of push notification that is routed through the server in order for them to communicate.
Thanks for the help!! *

I have two pages. Both windows already exist independently. Page two has a function declared in JS.

I would like to be able to call the function in window two by clicking a link in window one.

Page 1: 

<html>
<head>
<title>This is a title!</title>
</head>
<body style="background: lightblue">

<a href="#" target="my_target" onClick="clicked()">Click Me!</a>

</body>

Page 2: 

<html>
<head>
<META HTTP-EQUIV="Window-target" CONTENT="my_target" />
<title>This is a title!</title>
<script type=text/javascript>
    function clicked() {
    alert('test');
    }

</script>
</head>
<body style="background: lightblue">



</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Ok, brand new answer. I hope this is what you were thinking. This is however, when you open page 2 from page 1.. So basically, page 1 would know who page 2 is..

    Online example: http://kopli.pri.ee/stackoverflow/6832271.php

    Page 1

    <html>
<head>
    <title>Page 1</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <style>
        .ajaxlink {color: blue; cursor: pointer; border-bottom: 1px dotted blue;}
    </style>
</head>
<body>

    <span id="open_page_2" class="ajaxlink">Open new window</span>

    <br>
    <br>

    <a href="#" target="my_target">Click Me!</a>

    <script>
    $('#open_page_2').click(function(){
        child = window.open('test2.php','page_2','width=600,height=600');
    });


    $('a[target=my_target]').click(function () {
        child.SecondPageFunction();
        return false;
    });
    </script>
</body>
</html>

    Page 2

    <html>
<head>
    <title>Page 2</title>
</head>
<body>

    <h1>Your seeing page 2!</h1>

    <script>
        function SecondPageFunction () {
            alert('Second page action got triggered!');
        }
    </script>
</body>
</html>
    • 0