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()

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager