Créer une variable globale après un window.opener

**renaud26** · 28/08/2006, 19h15

Bonjour à tous,

Dans un popup, je permet à un user de choisir une image avec un formulaire. Quand il clique le radio correspondant à l'image choisie, j'execute window_opener. Le bout de code du form du popup

Code :

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

1
2
3
4
5
6
 
 
<input type='radio' name='image'
value='image1.jpg'>
onClick='window.close()'
onChange='window.opener.affiche_image(this.value)'

Et la fonction de la page parent qui doit afficher l'image choisie dans un div nommé "cadre_image":

Code :

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

1
2
3
4
5
6
 
function affiche_image(image_select){
document.forms['formulaire'].elements['image'].value = image_select; 
document.getElementById("cadre_image").innerHTML = 
'<img src="images/'+image_select+'" />';
}

Tout fonctionne bien: lorsque je clique sur le radio, le popup se ferme et l'img s'affiche dans le div de la page parent. Mon problème, c'est que la variable image_select est ensuite perdue...comment faire pour la rendre globale et la réutiliser dans d'autres fonctions ?

Merci d'avance de vos lumières.

**FremyCompany** · 28/08/2006, 19h33

window.opener.variable (popup) window.variable (ou variable) (page mère)

**renaud26** · 28/08/2006, 19h40

oups Fremy, désolé j'ai pas compris ta réponse...
ce que tu me dis là n'est pas idem que ce que j'ai fait ?
En fait je voudrais pouvoir réutiliser cette variable dans d'autres fonctions de la page parent une fois le popup fermé. Pas seulement dans la fonction appelée par le window.opener.fonction() du popup...
Ou alors je voudrais que cette fonction de la page parent, qui n'est apellée qu'une fois à la fermeture du popup puisse stocker la variable qui lui est envoyée...

**FremyCompany** · 28/08/2006, 19h42

et bien...

Code :

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

1
2
3
4
window.opener.variable=0;
window.opener.affiche_var=function() {
   alert (this.variable);
}

Code :

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

window.affiche_var(); window.variable=1; window.affiche_var();

**renaud26** · 28/08/2006, 20h09

Désolé de faire le lourdingue...

mais je ne vois pas comment insérer ça dans mon code php du form, puisque je dois le mettre sur une action onChange (voir mon 1er bloc de code)

window.opener.variable=0;
window.opener.affiche_var=function() {
alert (this.variable);
}

**FremyCompany** · 28/08/2006, 20h21

Code :

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

1
2
3
4
5
 
<input type='radio' name='image'
value='image1.jpg'
onClick='window.close()'
onChange='opener.image=this.value; opener.affiche_image()'>

Code :

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

1
2
3
4
5
function affiche_image(){
this.document.forms['formulaire'].elements['image'].value = this.image; 
this.document.getElementById("cadre_image").innerHTML = 
'<img src="images/'+this.image+'" />';
}

??

**renaud26** · 28/08/2006, 20h39

this.document.forms['formulaire'].elements['image'].value = this.image;

ça me sort en erreur comme quoi ce n'est pas un objet ou a la valeur null...
sur page parent.
Mais surtout, ce serait sympa que tu m'expliques pourquoi ton code permet de rendre la variable image globale sur la page parent et de la réutiliser dans d'autres fonctions.
Mon code affichait bien l'image (ou une par défaut si popup non ouvert) mais la var restait limitée à la fonction appelée par window.opener...
Là je nage un peu...

**FremyCompany** · 28/08/2006, 21h44

Dans le popup :

Code :

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

window.opener.image="image.gif"

Dans la page mère :

Code :

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

alert(window.image)

C'est on ne peut plus equivoque...

**renaud26** · 28/08/2006, 23h07

sauf que je ne suis pas un génie de 15 ans, je suis un "papa" de 43 balais qui a mis les pieds dans la construction de site il y a 2 ans sur un coup de tête au point de s'en passionner...et qui est ravi d'apprendre plein de trucs passionnants par des gens qui pourraient être mes mômes. Et puis, tu sais, à mon age, le cerveau se fait moins rapide, peut être parce qu'il s'est plus rempli et qu'il devient plus lourd...sois indulgent.

Pourquoi alert ?

Quoi qu'il en soit, chapeau à toi pour ta disponibilité et ta patience.

**Auteur** · 29/08/2006, 00h03

bonjour,

pourquoi ne déclares-tu pas une variable gloable dans ton script ?

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var MonImageChoisie; //variable globale
 
function affiche_image(image_select)
{
 document.forms['formulaire'].elements['image'].value = image_select; 
 document.getElementById("cadre_image").innerHTML ='<img src="images/'+image_select+'" />';
 
 MonImageChoisie = image_select;
}

MonImageChoisie est une variable globale qui contiendra l'image choisie :

-Dans la fonction affiche_image, image_select est une variable locale ('vue' uniquement par affiche_image).

-A la fin de cette fonction tu affectes le contenu de image_select à MonImageChoisie qui est une variable globale ('vue' par toutes les fonctions de ton script).

>Tu peux ainsi réutiliser le nom de l'image...

**renaud26** · 29/08/2006, 00h38

merci, c'est une piste interessante et je vais la creuser. Il semblerait que j'aie mal exposé mon problème...

**SpaceFrog** · 29/08/2006, 08h30

sinon dynamiquement :

Code :

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

window['mavariable']

devrait te créer une variable globlae ...

**FremyCompany** · 29/08/2006, 09h26

Envoyé par SpaceFrog

sinon dynamiquement :

Code :

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

window['mavariable']

devrait te créer une variable globlae ...

Ben c'est exactement ce que je lui expliquait, sauf que moi je partais du popup

**renaud26** · 29/08/2006, 10h02

Bonjour,

J'ai essayé les 2 méthodes sans succès. Ou la la je rame !!!
la fonction apellée par le window.opener du 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
 
 
function AfficherImage(nomImage,theme){
 
document.forms['formulaire'].elements['image'].value = nomImage;
 
if(nomImage == ""+nomImage+"")
{ 
document.getElementById("cadre_image").innerHTML = '<img src="images/theme/'+theme+'/'+nomImage+'" />';
monImage = window['nomImage'];
monTheme = window['theme'];
} 
else
{
document.getElementById("cadre_image").innerHTML = '<img src="image/default.jpg" />';
}
}

Cette fonction est ok. Tant que le popup n'est pas ouvert et aucune image sélectionnée, default.jpg s'affiche. A la sélection dans le popup, l'image sélectionnée vient la remplacer, preuve que les vars monImage et theme sont bien transmises à la fonction...OK.

Mais si je veux réutiliser ces 2 vars dans une fonction...elles sont vides...

Code :

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

1
2
3
4
5
6
 
function autre{
theme = monTheme;
image = monImage;
document.getElementById("cadre_image").innerHTML = '<img src="images/theme/'+theme+'/'+nomImage+'" />';
}

n'affiche rien du tout, preuve que les 2 vars sont perdues...

**FremyCompany** · 29/08/2006, 10h11

Code :

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

1
2
3
4
5
function autre{
theme = window.monTheme;
image = window.monImage;
document.getElementById("cadre_image").innerHTML = '<img src="images/theme/'+theme+'/'+nomImage+'" />';
}