Communication entre plusieurs fenetres

**tom42** · 29/02/2008, 16h06

Bonjour,
J'ai dans une page 2 liens : le premier ouvre un nouvelle fenêtre, le deuxième mène vers 'page2.html'.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<head>
    <title>essai de multiple fenetre</title>
    <script type="text/javascript">
        function ouvrir_fenetre(){
            window.open("fille.html","_blank",...);
        }
    </script>
</head>
<body>
    <a href="fille.html" onclick="ouvrir_fenetre();return false;">ouvrir la popup</a><br />
    <a href="page2.html">Vers page 2</a>
</body>

1) j'ouvre la popup 'fille.html'
2) je suis le liens 'page2.html'
A partir de là, je voudrais pouvoir accéder avec javascript à fille.html.
Est-ce possible ?

**SpaceFrog** · 29/02/2008, 16h19

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
  <title>essai de multiple fenetre</title>
    <script type="text/javascript">
var mypop;
        function ouvrir_fenetre(){
           mypop= window.open("fille.html","_blank",...);
        }
    </script>

depuis là mère

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(mypop.document.body.innerHTML)

depuis la fille:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(self.opener.document.body.innerHTML)

**tom42** · 29/02/2008, 16h34

Merci encore un fois pour ta réponse quasi instantanée

Mais ça je savais faire.
Je voudrais avoir accès à une référence sur la popup 'fille.html' lorsque je suis sur la page 'page2.html' donc après avoir navigué sur une autre page que la page mère.
En fait la popup me servira à jouer des extraits musicaux, qui pourront être pilotés depuis n'importe quel page de mon site (pas seulement celle qui à ouvert la popup).

**SpaceFrog** · 29/02/2008, 16h36

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

parent.nomdefenerte

avec nom de fenetre = title du popup dans le window.open ...

**E.Bzz** · 29/02/2008, 16h41

Envoyé par SpaceFrog

avec nom de fenetre = title du popup dans le window.open ...

Mais entre temps "parent" est devenu page2.html ...

A+

**SpaceFrog** · 29/02/2008, 16h44

parent depuis n'importe quelle page ...

**tom42** · 29/02/2008, 16h54

tu dis

title du popup dans le window.open

Je n'ai pas trouvé d'argument title dans window.open() et je doute que soit le title de la page html ainsi ouverte.
Quel est ce champ title ?

**SpaceFrog** · 29/02/2008, 16h55

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.open('url',title','autres params')

**tom42** · 29/02/2008, 17h07

En fait, dans ma doc ce champ s'appel name mais j'avais qd même essayé (je suis pas si con ).
Ca ne marche pas, voila ce que je fais.
page2.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<head>
    <title>page 2</title>
    <script type="text/javascript">
        function envoyerMessage(arg){
            alert(parent.popup);
        }
    </script>
</head>
<body onload="envoyerMessage('coucou')">
</body>
</html>

et dans page1.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.open("fille.html",'popup',...);

L'alert me renvoie "undefined"

**SpaceFrog** · 29/02/2008, 17h13

c'st sur que si tu utilises des noms comme "_blank" ou "name" ... ça va pas aider ...

**tom42** · 29/02/2008, 17h31

J'ai remplacé mon 'popup' par 'jukebox' ça ne change rien

J'y arrive en envoyant depuis la popup toutes les secondes son nom mais c'est un peu lourd à mon sens :
fille.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
...
function initCom(){
    window.opener.initCom(window);
    setTimeout("initCom()",1000);
}
...
<body onload="initCom();">

Comme cela je reçoit bien sur page2.html après le changement de page la référence de la popup mais ce n'est pas satisfaisant. Ce qui faudrait c'est une liste de toutes les window ouvertes dans un navigateur.

**Auteur** · 29/02/2008, 20h02

[mode publicité]
voir le sujet :
http://www.developpez.net/forums/sho...d.php?t=271424

Tu as un code pour:

Q : Comment transmettre des données d'une fenêtre parent vers une fenêtre enfant et réciproquement ?

puis plus bas :

Q : Comment naviguer dans une pop-up et transmettre les informations à la fenêtre mère ? (Il s'agit de naviguer dans une pop-up sans perdre l'opener)

[/mode publicité]

**tom42** · 03/03/2008, 09h43

Merci Auteur,
que faire quand, entre temps, l'utilisateur à navigué vers une autre page du site ? Le paramètre fenFille issu du window.open() n'existe plus.

**Auteur** · 03/03/2008, 11h54

Envoyé par tom42

Merci Auteur,
que faire quand, entre temps, l'utilisateur à navigué vers une autre page du site ? Le paramètre fenFille issu du window.open() n'existe plus.

à partir du moment où tu changes de site, tu changes de domaine : tu ne peux donc plus transmettre des informations d'une fenêtre à l'autre pour des raisons de sécurité.

**tom42** · 03/03/2008, 14h19

Je parle de naviguer entre les pages d'un même site.

En fait la popup me servira à jouer des extraits musicaux, qui pourront être pilotés depuis n'importe quel page de mon site (pas seulement celle qui à ouvert la popup).

**Auteur** · 03/03/2008, 15h54

ah oui pardon, je n'avasi pas compris

Je vois ton problème... et pour l'instant je n'ai pas de réponse à te donner

Avec des cookies peut-être ?

**tom42** · 03/03/2008, 17h49

Je vais procéder comme ceci :
La popup envoi régulièrement à la fenêtre mère sa référence.
popup :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
...
function receive(
    document.getElementById('message').innerHTML = arg;
}
function initCom(){
    window.opener.initCom(window);
    setTimeout("initCom()",1000);
}
...
<body onload="initCom();">

Les fenêtres mères page1 et page2 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
var fille = null;
function ouvrir_fenetre(){
    if(fille == null || !fille.document){
        window.open("fille.html",...);
    } else {
        alert('popup dejà ouverte');
    }
}
function initCom(arg){
    fille = arg;
}
function transfert(){
    if(fille != null && fille.document){
        var texte = document.getElementById('message').value;
        fille.receive(texte);
    } else {
        alert("La popup n'est pas ouverte");
    }
}

Je met résolu mais cela n'est pas satisfaisant.
Si quelqu'un trouve une meilleure solution (sans setTimeout()) je serais preneur.
En tout cas merci à SpaceFrog et à Auteur pour votre aide.

Communication entre plusieurs fenetres

JavaScript

Discussions similaires

Partager

Partager