récupération et traitement variable issu d'un popup

**Antherak** · 06/06/2011, 13h42

Bonjour,

Merci de m'aider pour cette partie de code.
J'ai une page principale à partir de laquelle je souhaite déclencher une série d'action sur événement onclick dans la page 1
Action 1 : ouverture d'un popup pour sélectionner un destinataire.
Action 2 : envoyer le mail.
Action 3 : rafraichir la page.

Page 1 : (extrait de code)

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
21
22
23
24
25
26
 
...
<SCRIPT type="text/JavaScript">
function OuvrirPopup(page) 
{
 var width  = 300;
 var height = 200;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/2;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 nom = 'Destinataire de la NDF';
 window.open(page,nom,params);
}
</script>
...
...
<td align="left" valign="top" style="border:1px #C0C0C0 solid;height:8px;"><div align="center"><img border="0" width="20px" height="20px" alt="mail" src="images/mail.png" title="Envoyer ce document" onclick="OuvrirPopup(\'ndf_choix_resp.html\');)"></div></td>
<input id="choix" type="hidden">

Page 2 : popup

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
21
<SCRIPT language="javascript">
 
function Reporter(elem) 
{
var report_resp = document.getElementById('resp').options[document.getElementById('resp').selectedIndex].value;
var choix = document.getElementById('resp').options[document.getElementById('resp').selectedIndex].value;
    window.opener.document.getElementById('choix').value = choix;
}
</SCRIPT>
</head>
<body>
<div id="wb_Form1" style="position:absolute;background-color:#F0F0F0;left:9px;top:24px;width:250px;height:138px;z-index:14">
 
<div id="wb_Text8" style="margin:0;padding:0;position:absolute;left:2px;top:43px;width:137px;height:16px;text-align:left;z-index:1;">
<font style="font-size:13px" color="#000000" face="Arial">Responsable</font></div>
<div style="position:absolute;left:3px;top:63px;width:200px;height:20px;border:1px #C0C0C0 solid;z-index:2">
<select  onchange="Reporter(this);" name="resp" size="1" id="resp" style="position:absolute;left:0px;top:0px;width:100%;height:100%;border-width:0px;font-family:Courier New;font-size:13px;" tabindex="2" title="Sélection du responsable">
<option selected value="Moi@moi.com">Moi</option>
<option value="Lui@lui.com">Lui</option>
<option value="toi@toi.com">Toi</option>
</select>

Je parviens parfaitement à récupérer la variable issue du popup dans le input id="choix".

Mais ce n'est pas ce que je veux faire.
Ce que je souhaiterais, c'est enchainé sur une autre action (fonction mail) en utilisant cette variable javascript puis refresh de la page 1.
Je vous remercie de votre aide.

**bewidia** · 06/06/2011, 14h35

Bonjour,

ton popup peut également accéder aux méthodes de l'opener. Après avoir copié le contenu de ton select, appelle une méthode écrite dans l'opener qui envoi le mail et qui se recharge après.

**Antherak** · 06/06/2011, 14h56

Envoyé par bewidia

Bonjour,

ton popup peut également accéder aux méthodes de l'opener. Après avoir copié le contenu de ton select, appelle une méthode écrite dans l'opener qui envoi le mail et qui se recharge après.

Merci de la tentative d'aide mais je n'ai rien compris !!

**Bovino** · 06/06/2011, 14h59

JavaScript ne sait pas envoyer de mail.
Tu devras par exemple passer par un formulaire. Lorsque tu récupères la valeur, tu en modifies la propriété action en lui attribuant un mailto puis tu fais un submit du formulaire.

**bewidia** · 06/06/2011, 15h10

Envoyé par Antherak

Merci de la tentative d'aide mais je n'ai rien compris !!

L'opener, c'est la fenêtre qui ouvre le popup. Tu y fais déjà référence dans ton code javascript puisque tu dis que le contenu du ton select se retrouve dans la fenêtre principale ...

Tu peux donc écrire une fonction JS dans ta fenêtre principale, genre maFonctionBidule() et l'appeller depuis ton popup en faisant un window.opener.maFonctionBidule()

**Antherak** · 06/06/2011, 18h31

Merci de votre aide.

Je n'ai jamais écrit que je voulais utiliser javascript pour envoyer de mail.

Je compte créer une page mail.php qui se servirait de la variable javascript récupérer dans l'explication plus haut.

Ce que je souhaiterais savoir c'est comment ?

Dans la page 1 :
J'ai un script qui se déclenche sur onclick, ça ouvre un popup qui demande de choisir à qui envoyer le mail. (à la limite je pourrais très bien envoyer le mail depuis le popup etc ...) mais en fait je récupère la variable adresse email pour la mettre dans la page principale. pourquoi pas ?

Ma question est : comment enchainer depuis cette page principale les actions;

onclick : popup choix email, récupération de l'email, envoi mail, refresh page

Merci

**bewidia** · 07/06/2011, 08h41

Envoyé par Antherak

Ma question est : comment enchainer depuis cette page principale les actions;

onclick : popup choix email, récupération de l'email, envoi mail, refresh page

Comme précisé plus haut, ta page principale contiendra une fonction JS maFonctionBidule() qui appellera ta page mail.php en passant les paramètres voulus et cette fonction maFonctionBidule() sera appellée par le popup avec window.opener.maFonctionBidule()

**SpaceFrog** · 07/06/2011, 08h49

Il y a dans les contribution javascript un post sur les communications entre mère et filles ...

**Antherak** · 07/06/2011, 14h09

Bonjour,

Je dois mal m'exprimer car les réponses (à part celle de bewidia) ne répondent pas du tout à la demande d'aide.
Pour la communication entre mère et fille, j'ai montré dans le script que j'ai posté que je savais récupérer la donnée choisie dans le popup.

Admettons que j'ai créé un script pour la fonction mail !

Quelle est la syntaxe précise que je dois untiliser dans le onclick="???"

pour enchainer les actions dont j'ai besoin

ouverture popup (choix), récupération de la donnée, enchainement sur la fonction mail en utilisant cette donnée, et refresh de la page

**SpaceFrog** · 07/06/2011, 14h17

Ha!

Tu cherches le point virgule sur ton clavier ?

**Antherak** · 07/06/2011, 14h50

Envoyé par SpaceFrog

Ha!

Tu cherches le point virgule sur ton clavier ?

Non !

Mais je trouve cette réponse très moqueuse.
Antherak : 21 points
SpaceFrog : 37572 points

Ce que je cherche c'est de l'aide et je pensais en trouver sur ce forum.

Je ne suis pas programmeur ou web designer ou informaticien donc j'ai un peu de mal à comprendre les explications données.
Un petit exemple de ce que je dois mettre dans le onclick pour récupérer la donnée issue du popup et la renvoyer dans ma fonction mail, puis refresh de la page m'aurait suffit.
Tant pis et merci quand même, bonne journée à vous tous et désolé pour le dérangement.

**SpaceFrog** · 07/06/2011, 14h59

Oulà succeptible le mossieur ...

Tu as principalement un souci de chronologie et d'instanciation
car à moins de mettre en place un système de routage avec un setInterval qui va vérifier le moment ou ton input va se renseigner (après ouverture du popup), ton enchainement de fonction risque fort d'être trop rapide, la popup n'ayant pas eu le temps de s'ouvrir ...

Je ne saurais trop te conseiller d'oublier le principe de la popup et de passer par un ajax (xmlhttprequest) soit en pur js soit au moyen d'une librairie comme jquery afin de pouvoir converser avec les serveur et récupérer des informations distantes.

récupération et traitement variable issu d'un popup

JavaScript

Discussions similaires

Partager

Partager