[Javascript] Handle van geopende popup verkrijgen

donderdag 18 februari 2010 18:16

Acties:

0 Henk 'm!

Topicstarter

Voor een website ben ik bezig een Flash player te implementeren. Deze flashplayer kan een dynamische playlist hebben die ik graag via verschillende pagina's van die website wil vullen (middels javascript). Deze pagina's zullen opnieuw laden wanneer erop gesurfed wordt. Mijn probleem is dat ik dan de handle van de geopende pop up kwijt ben. Is er een mogelijkheid een popup in de lucht te brengen die ik na het opnieuw laden van de parent window weer kan benaderen?

Nu heb ik dit

Parent:

JavaScript:

var player = null;
player = window.open ("child.html","player"); 

player.testAlert("success");

Child:

JavaScript:

1
2
3

function testAlert(input) {
    alert(input);
}

donderdag 18 februari 2010 18:24

Acties:

0 Henk 'm!

Borizz

Je kan vanuit de child toch (periodiek) controleren of de parent gerefreshed is d.m.v. het controleren van (de waarde van) een variabele in de parent? Op die manier kan de child zich weer registreren bij de parent indien de handle verdwenen is.

Het is wellicht het makkelijkste om het unload event af te vangen in de parent en op dat moment zet je een procedure in werking in de popup (child). Die procedure controleert of de parent alweer geladen is en registreert zichzelf dan weer als child.

If I can't fix it, it ain't broken.

vrijdag 19 februari 2010 16:45

Acties:

0 Henk 'm!

koekiemonster

want a cookie

Wat Boriz zegt, je kunt de opener. gebruiken om de parent te controleren. Andersom kan ook, kijk even hiernaar:
http://radio.javaranch.co.../01/18/1106063002000.html

[webhero.nl]

zaterdag 20 februari 2010 00:20

Acties:

0 Henk 'm!

EnsconcE

Topicstarter

Thanks voor de feedback, dit waren mijn gedachten ook. Toch had ik liever gehad dat je kan kijken welke vensters open zijn, hierdoor kan een gebruiker zijn vensters sluiten (op de flashplayer na) en later via de website (in een nieuwe parent) de playlist weer vullen.

Desalniettemin is het onderstaande het resultaat, hierbij moet de parent wel open blijven. Het is wel mogelijk een andere website te bezoeken met de initiele parent om vervolgens weer terug te keren.

Parent:

JavaScript:

<html>
<head>
    <title>Parent</title>
    <script type="text/javascript">
    var winPop;
    var hasHandle = false;
    function OpenWindow(){
        winPop = window.open("child.html","winPop");
        hasHandle = true;
    }
    
    function handleUnload () {
        alert('handling unload');
        winPop.passData(winPop)
    }

    function receiveData(popup) {
        alert('receiving data');
        winPop = popup;
        hasHandle = true;
    }
    </script>
</head>
<body onunload="handleUnload()">

<a href="javascript:;" onclick="OpenWindow()">Open</a><br />
<a href="javascript:;" onclick="winPop.checkHandle()">Check handle</a><br />


</body>
</html>

Child:

JavaScript:

<html>
<head>
    <title>Child</title>
    <script type="text/javascript">
    var thisWindow;

    function checkHandle() {
        alert('handle checked');
    }

    function passData(popup){
        thisWindow = popup;
        setTimeout("SendToParent()", 2000);
    }
    
    function SendToParent() {
        if (window.opener != null && !window.opener.closed) {
            try { //nodig ivm cross domein errors
                window.opener.receiveData(thisWindow);
                if (window.opener.hasHandle) {
                    alert ('handle transferred');
                }
                else {
                    setTimeout ("SendToParent()", 2000);
                }
            }
            catch(err) {
                setTimeout ("SendToParent()", 2000);
            }
        }
        else {
            alert('parent has left the building');
        }
    }
    </script>
</head>
<body>

</body>
</html>

[ Voor 5% gewijzigd door EnsconcE op 20-02-2010 00:21 ]

zaterdag 20 februari 2010 12:18

Acties:

0 Henk 'm!

Borizz

Die passData methode in je child is niet nodig hoor de globale variable "window" verwijst al naar je eigen window instance.

If I can't fix it, it ain't broken.

zondag 21 februari 2010 22:09

Acties:

0 Henk 'm!

pieturp

gaffa!

Liever geen strings in setTimeout's gooien. Beter (lees: netter, lichter, snelller) gewoon een referentie naar je functie:

JavaScript:

1	setTimeout(SendToParent, 2000);

Overigens, kun je ook beter je functienamen met een kleine letter laten beginnen. Ik geloof dat dat in Flash ook gebruikelijk is. Hoofdletters gebruikt men doorgaans voor klasses.

... en etcetera en zo

Onderwerpen