Récupérer variable d'un document enfant sur doc parent ?

Bonjour à tous,

Pour permettre à mes visiteurs de choisir une bannière, j'affiche mon stock avec une boucle PHP dans un fichier bannieres.php que j'ouvre en popup depuis le formulaire du document parent. Dans cette popup, un formulaire, et à côté de chaque bannière, un bouton radio: Ce formulaire pointe bien sûr sur la page parent (genere_ban.php)

Code:

---

1 2 3 4 5

$affiche_ban .= "<form name=\"choix_ban\" method=\"post\" action=\"genere_ban.php\">"; $affiche_ban .= "<input type=\"radio\" name=\"ban\" onClick=\"window.close()\" onChange=\"window.opener.document.forms['formu'].elements['ban'].value=this.value\" value=\"$Picturename\"> $affiche_ban .= "</form>";

---

Le choix du visiteur par click radio remplit donc le champ ban du formulaire "formu" du doc parent:

Code:

---

1 2	<input size=9 type="text" value="" name="ban" readonly="">

---

Tout cela fonctionne parfaitement, mais ce que je voudrais, c'est récupérer cette var (nom banniere) ailleurs que dans le champ "ban" pour l'utiliser dans la page...notamment afficher la bannière choisie...
Et je plante totalement...
Merci de vos conseils éclairés.

Tu vas faire dans ton onChange de ta page enfant :

Code:

---

onChange=\"window.opener.ChoisirBanniere(this.value)\" value=\"$Picturename\">

---

Dans ta page parent :

Code:

---

1 2 3 4 5 6 7 8

function ChoisirBanniere(nomBanniere) { document.forms['formu'].elements['ban'].value = nomBanniere; if(nomBanniere == "nom1") document.getElementById("banniereID").src="adresse1"; else document.getElementById("banniereID").src="adresse2"; }

---

merci de l'astuce, mais je ne comprends pas bien ta fonction avec la notion de

Code:

---

1 2 3 4

if(nomBanniere == "nom1") ... src= "adresse1"..

---

Tu peux préciser ? une seule bann sera sélectionnée et devra aller dans le champ ban du formu, sous la forme ban.gif ET être apellée ailleurs dans la page avec un img src...
Je ne comprends pas très bien non plus la notion de banniereID...

:oops:
Impossible de faire fonctionner ta fonction...je ne sais pas comment l'apeller ensuite dans le img src l'image...
dommage...
mais je continue à chercher !

Code:

---

opener.variable=this.value;

---

en creusant l'idée de efficks, j'ai fait ça. doc enfant:

Code:

---

1 2 3

<input type=\"radio\" name=\"ban\" onClick=\"window.close()\" onChange=\"window.opener.ChoisirBanniere(this.value)\" value=\"$Picturename\">

---

et le doc parent

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function ChoisirBanniere(nomBanniere) { document.forms['formu'].elements['ban'].value = nomBanniere; if(nomBanniere != "banniere") { document.getElementById "banniere").src="bannieres/claires/"+nomBanniere+""; } else if(nomBanniere == "undefined") { document.getElementById("banniere").src="bannieres/claires/test24.png"; } }   //appel de l'image   <img src="javascript:ChoisirBanniere()" width="468" height="60" border="0" id="banniere">

---

Ca fonctionne à moitié :(
Si je choisis une bannière dans le doc enfant, son nom se met bien dans le champ du form parent et la bannière choisie s'affiche. Par contre, au chargement du doc parent, le champ form prend "undefined" et la bannière par défaut ne s'affiche pas...
Si vous voyez ce qui cloche...

Peut-être précharger l'image en javascript juste avant de l'afficher :

Code:

---

1 2	image1 = new Image(); image1.src = "chemin de l'image";

---