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

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:

---

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:

---

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.

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

:oops:
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...
:roll:

et bien...

Code:

---

1 2 3 4

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

---

Code:

---

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

---

Désolé de faire le lourdingue...:cry:

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)

Citation:

---

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

---

Code:

---

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:

---

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+'" />'; }

---

??

Citation:

---

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...

Dans le popup :

Code:

---

window.opener.image="image.gif"

---

Dans la page mère :

Code:

---

alert(window.image)

---

C'est on ne peut plus equivoque...

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.
;)

bonjour,

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

Code:

---

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...

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

sinon dynamiquement :

Code:

---

window['mavariable']

---

devrait te créer une variable globlae ...

Citation:

---

Envoyé par SpaceFrog

sinon dynamiquement :

Code:

---

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

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:

---

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:

---

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...
:oops:

Code:

---

1 2 3 4 5

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

---

Non on te dit de crée dynamiquement la variable dans le fentre qui reste ouverte !!!
donc à partir de la popup:

Code:

---

window.opener['varglobale']='coucou'

---

ou alors prévoit directement dasn l'opener une variable globale que tu renseigne depuis la popup:
dans la mère:

Code:

---

var persiste

---

et dasn la pop:

Code:

---

1 2	self.opener.persiste="coucou"

---

:D merci à vous ! super cool ! ça fonctionne impec !
Bonne journée !