Discussion :

[renaud26]

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 :

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

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 :

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

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.

[efficks]

Tu vas faire dans ton onChange de ta page enfant :

Code :

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

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

Dans ta page parent :

Code :

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

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";
}

[renaud26]

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

Code :

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

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

[renaud26]

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 !

[javatwister]

Code :

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

opener.variable=this.value;

[renaud26]

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

Code :

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

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

et le doc parent

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

[efficks]

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

Code :

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

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