Activation par une fenetre fille d'un événement d'un champ d'une fenetre mère

**lesjno35** · 09/07/2018, 18h26

Bonjour,

J’essaie d’appeler une fonction javascript d’une fenetre mère depuis une fenetre fille mais toutes mes tentatives ont été des échecs : j’ai besoin de votre aide …
Voici le descriptif du besoin :
Un formulaire est dans une fenetre mère. Un champ texte « CHMP1 » peut soit être modifié directement par l’utilisateur, soit modifié via une fenetre fille activée par un bouton. Le bouton ouvre une fenetre fille qui exécute un traitement (la fenetre fille dialogue aussi avec l’utilisateur) ; en fin de traitement, la fenetre fille modifie le champ « CHMP1 » de la fenetre mère puis se ferme.
Une fois que le champ « CHMP1 » a été modifié, une fonction javascript « chmp1_func() » doit s’exécuter (dans la fenetre mère).

Lorsque le champ « CHMP1 » est modifié directement par l’utilisateur, pas de problème : l’évenement onChange est activé et appelle la fonction chmp1_func() .
Par contre, lorsque le champ « CHMP1 » est modifié par la fenetre fille, l’evenement onChange n’est pas activée.

Une idée de la procédure à suivre pour faire s’exécuter la fonction « chmp1_func() » dans la fenetre mère depuis la fenetre fille ?
Merci d’avance …

**danielhagnoul** · 09/07/2018, 21h41

Je vous conseille de travailler avec sessionSTorage ou localStorage.

La fenêtre fille peut remplir un booléen signifiant que la valeur a été modifiée et transmettre des informations.

La fenêtre mère doit écouter la valeur du booléen avant de réaliser une autre action et agir en fonction.

Window.sessionStorage : https://developer.mozilla.org/fr/doc...sessionStorage

Fille : sessionStorage.setItem('clé', 'valeur'); // valeur est toujours du texte, penser à JSON.stringify() si nécessaire

Mère : let data = sessionStorage.getItem('clé'); // data est toujours du texte, penser à JSON.parse() si nécessaire

JSON.stringify : https://developer.mozilla.org/fr/doc...JSON/stringify

EDIT

D'autres méthodes peuvent avoir des effets indésirables.

Par exemple onunload = https://developer.mozilla.org/fr/doc...lers/onunload:

Code :

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

1
2
3
4
5
const pop = open(url);
 
pop.onunload = function() {
  // appel de votre fonction, se déclenchera également si l'utilisateur navigue vers une autre page.
}

**lesjno35** · 10/07/2018, 08h08

Merci Danielhagnoul pour votre réponse.
Je ne connaissais pas sessionSTorage ou localStorage : je vais étudier cela.
En continuant à chercher j'ai aussi trouvé une autre solution en utilisant window.opener.postMessage(...) dans la fenetre fille et en programmant une écoute d'événement dans la fenetre mère (exemple : window.addEventListener('message', receiveMessage, false); et la function receiveMessage(event){ } pour traiter l'événement. )

Je vais comparer les deux façons de faire ...
Bonne journée !

**SpaceFrog** · 10/07/2018, 08h20

Sinon une petit recherche sur le forum ...
https://www.developpez.net/forums/d2...enetre-enfant/

**lesjno35** · 10/07/2018, 10h10

La problématique n'est pas la même : la question n'était pas de savoir comment passer une donnée d'une fenetre mère à une fenetre fille (ou vice-versa). La question était de savoir comment activer un événement (javascript) dans la fenetre mère par la fenetre fille. Si par exemple vous avez un champ "toto" dans la fenetre mère, avec une action "onChange", cette action sera exécutée si vous cliquez dans le champ "toto" et que vous changez directement la valeur au clavier. Mais si la valeur de "toto" est changée par une fenetre fille, l'action "onChange" ne sera pas activée automatiquement. La question initiale était donc de savoir comment le faire.