Discussion :

[vega_55]

Bonjour,

Je cherche a faire une page php qui s'afficherait dans un "popup" javascript. Sur cette page, le visiteur pourrait choisir par exemple une image, et le fait de cliquer sur celle ci fermerait le popup et remplirait un champ html avec le nom de la photo choisie.

en gros, j'ai sur la page de base ceci :

Code :

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

1
2
3
 
Choisir une photo : <input type="text" name="pictNameToChange" id="pictName" />
<input type="submit" name="choosePic2" onclick="javascript:petitefenetre('selectPicture.php')" value="Choisir une image"/><br /><br />

Note : la fonction javascript:petitefenetre se contente d'ouvrir le popup avec certains paramètres.

Sur la page qui s'ouvre (selectPicture.php) :

Code :

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

1
2
3
4
 
...
<img src="images/MonImage14.jpg" alt="" name="MonImage14.jpg" onclick="returnValue()"/> 
...

Que dois je mettre dans ma fonction returnValue() pour que le champs id="pictName" de la premiere page soit complété par "MonImage14.jpg" ?

J'espere avoir été clair

[LEK]

Modifie l'appel de la fonction ainsi :

Code :

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

1
2
3
...
<img src="images/MonImage14.jpg" alt="" name="MonImage14.jpg" onclick="returnValue(this.name)"/> 
...

et essaye cette fonction pour returnValue :

Code :

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

1
2
3
4
function returnValue(val_image){
window.opener.document.nomformulaire.pictNameToChange.value=val_image;
self.close();
}

[vega_55]

Un grand merci, ca fonctionne

[LEK]

Pas de quoi

[vega_55]

J'ai encore un ptit soucis du meme ordre.

En fait, j'essaye de faire un ptit plugin pour l'éditeur de texte TinyMCE (dans le but de faire des dégradés de couleurs dans le texte).

J'ai donc ce morceau de code dans une petite fenetre :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<form method="post" name="contenu">
Texte : <br /><textarea name="nodename1" style="width:100%;height:80px;" ><? echo $txt ?></textarea>			
Rendu : <br /><div style="width:100%;height:80px;background-color:#FFFFFF;"><? echo $texte ?></div>
<input name="nodename2" type="hidden" value="<? echo htmlentities($texte) ?>" />
<input type="submit" name="genColor" value="Générer" onclick=""/><br />	<br />			
Couleurs : <br /><input type="text" name="nodename3" style="width:100%;height:40px;" value="ff0000|ffa500|ffff00" readonly/>
</form>
 
<input type="submit" name="chooseColor" value="Ajouter une couleur" onclick="openPopColor();" />

Si le bouton "Ajouter une couleur" est en dehors du form, c'est pour éviter qu'il recharge la page lorsque je clique dessus.

Voici le contenu de openPopColor() :

Code :

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

1
2
3
4
 
function openPopColor(){
	window.open('popupColor.php','Ajouter_une_couleur', 'width=250, height=225, resizable=no, toolbar=false, scrollbars=yes, status=yes');
}

Sur la page "popupColor.php", j'affiche un certain nombre de couleurs selon un chouette script javascript. Voici le bouton pour confirmer l'ajout de la couleur sélectionnée:

Code :

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

1
2
 
<input type="submit" onclick="submitForm();" value="Insérer couleur">

et le code javascript qui va avec :

Code :

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

1
2
3
4
5
 
function submitForm(){
	window.parent.contenu.nodename3.value = window.parent.contenu.nodename3.value + "|" + document.forms['recherche'].rgb.value;
	window.close();	
}

Cette derniere fonction prend donc la valeur choisie (document.forms['recherche'].rgb.value) et la concatène avec le reste du champ précédent.

Seulement, rien ne se passe... Quelqu'un pourrait-il m'aider ?

Merci d'avance

[LEK]

Remplace ta fonction par celle-ci :

Code :

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

1
2
3
4
function submitForm(){
	window.opener.document.contenu.nodename3.value = window.parent.contenu.nodename3.value + "|" + document.forms['recherche'].rgb.value;
	window.close();	
}

La notation "parent" s'utilise dans une hierarchie de frame; Pour la relation entre une popup et la fenêtre qui la ouverte , tu dois utiliser : window.opener.

Une dernière chose, dans ton cas, pour qu'un bouton ne raffraichisse pas le form : tu peux simplement lui donner le type "button" au lieu de "submit".

Bon courage.

[vega_55]

un grand merci pour ton aide, ca fonctionne ^^

Tu sais où je pourrais trouver un bon tuto pour enfin comprendre toute cette hiérarchie ?

Merci encore

[LEK]

J'ai personnellement appris sur le tas, (en consultant deux trois bouquins de la bibli et en me forçant à coder tout et n'importe quoi au début); je ne saurais donc te conseiller un tuto plutôt qu'un autre. Cela dit ceux proposés sur ce site m'ont l'air pas mal ;-)