D'un popup au textarea d'une autre fenêtre

**Joe-La-Boule** · 26/06/2008, 23h39

Bonjour ! Ça va paraître facile pour certains mais je galère vraiment en javascript et je voudrais savoir si il est possible depuis un popup qui contient des smileys de rentrer le code du smileys sur lequel on clique dans le textarea concerné ?

J'ai fait des recherche mais je n'ai pas trouvé mon bonheur ^^
Si vous avez des pistes dites moi (je demande pas du code tout fait mais des pistes de manière à ce que j'apprennes un peu

)

merci d'avance !

**Auteur** · 27/06/2008, 02h40

bonjour,

Transférer des informations : fenêtre parent <-> fenêtre enfant (exemple 1)

**Joe-La-Boule** · 27/06/2008, 09h18

merci Auteur mais le problème c'est qu'il faudrait que je puisse par cette maniére juste inserer du texte...je peux combiner mes fonctions insertion(); et TransfertFilleMere ?

merci pour la réponse que tu m'a apporté !

**Joe-La-Boule** · 27/06/2008, 09h29

Ok merci auteur j'ai modifié ton code et ça marche maintenant !

Edit : il me marque undefined !
Voila le code :
page mère :

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
18
19
20
21
22
23
24
25
26
27
 
 
<?php
 
if(isset($_POST['valid']))
{
 
}
 
 
else
{
?>
	<center class="gros_titre">Géstion des news</center>
	<center><br />	
	<script src="MereFille.js"></script>
		<form name="createNews" method="post" class="form" action="http://<?php echo $domain; ?>/index.php?p=adminNews&amp;do=newArticle">
			<label>Titre :</label><br /><input type="text" name="titreNews" style="text-align: center;" size="100" onMouseOver="this.focus();"/><br /><br />
			<?php include("admin/news/taskbar.php"); ?><br /><br />
			<label>Contenu :</label><br /><textarea cols="100" id="contenuNews" name="contenuNews" onMouseOver="this.focus();"></textarea><br /><br />
			<input type="button" value="Effacer tout" onClick="contenuNews.value=''"/>&nbsp;&nbsp;<input type="submit" name="valid" value="Poster" />
		</form>
	</center>
<?php
}
 
?>

page fille :

Code :

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

1
2
3
4
5
6
7
8
9
10
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Choisir un Smiley</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   </head>
	<body> 
	<script src="MereFille.js"></script>
		<img value="blablabla" id="popup_smileys" onClick="TransfertFilleMere();" src="smileys/bigtouff.gif"/>
	</body>
</html>

et voici la page MereFille.js :

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
function TransfertFilleMere()
{
 var elmtWinParent=window.opener.document.getElementById("contenuNews");
 var elmtWinFille=document.getElementById("popup_smileys");
 
	if(elmtWinParent.value="")
	{
		elmtWinParent.value=elmtWinFille.value;		
	}
 
	else
	{
		 elmtWinParent.value=elmtWinParent.value+elmtWinFille.value;
	}
}

Sachant que j'ai placé la fonction sur une image donc pas de input ni rien...merci

**E.Bzz** · 27/06/2008, 11h13

Envoyé par Joe-La-Boule

Edit : il me marque undefined !

Comme précédemment : insuffisant !
=> Message complet
+ lignes concernées
+ étape concernée dans le traitement

A+

**Auteur** · 27/06/2008, 11h18

- écris les événements JS en minuscules (onmouseover, onclick, onmouseout...) ;
- une image n'a pas d'attribut value

;
- n'insère pas les scripts dans le body de ta page mais dans le head ;
- visiblement tu n'as pas à inclure dans la page mère le script MereFille.js dans la mesure où l'opener n'utilise aucune fonction du script (d'après ce que je vois).

pour la fenêtre fille, ce que tu peux faire (pour être complet j'ai ajouté le DOCTYPE) :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Choisir un Smiley</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="MereFille.js"></script>
   </head>
	<body> 
 
		<img id="popup_smileys" onclick="TransfertFilleMere(':D');" src="smileys/bigtouff.gif"/>
	</body>
</html>

puis le code JS :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function TransfertFilleMere(smiley)
{
 var elmtWinParent=window.opener.document.getElementById("contenuNews");
 
	if(elmtWinParent.value="")
	{
		elmtWinParent.value=smiley;		
	}
 
	else
	{
		 elmtWinParent.value=elmtWinParent.value+smiley;
	}
}

J'ai ajouté un paramètre à ta fonction TransfertFilleMere() qui est le "code" du smiley.
Petite parenthèse : tu ne peux pas faire de mise en page dans un textarea. Cette zone de texte ne peut contenir que du texte.

**Joe-La-Boule** · 27/06/2008, 11h24

ça marceh à merveille ^^ merci auteur

**Auteur** · 27/06/2008, 11h28

**Joe-La-Boule** · 27/06/2008, 12h07

ce code :

Code :

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

elmtWinParent.value=elmtWinParent.value+smiley

n'est-il pas censé insérer le smiley sans effacer le contenu du textarea ? car la il remplace le contenu de textarea par la valeur du smiley...
C'est étrange...me serais-je trompé ?

**Auteur** · 27/06/2008, 12h53

Envoyé par Joe-La-Boule

ce code :

Code :

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

elmtWinParent.value=elmtWinParent.value+smiley

n'est-il pas censé insérer le smiley sans effacer le contenu du textarea ? car la il remplace le contenu de textarea par la valeur du smiley...
C'est étrange...me serais-je trompé ?

non ce bout de code est juste mais ton test est faux, je viens de m'en apercevoir :

Code javascript :

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

1
2
3
4
5
6
7
8
9
if(elmtWinParent.value=="")
	{
		elmtWinParent.value=smiley;		
	}
	
	else
	{
		 elmtWinParent.value=elmtWinParent.value+smiley;
	}

la comparaison c'est == pas =

Et puis tu peux faire plus simple :

Code javascript :

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

1
2
3
4
5
6
7
 
function TransfertFilleMere(smiley)
{
    var elmtWinParent=window.opener.document.getElementById("contenuNews");
    elmtWinParent.value=elmtWinParent.value+smiley;
 
}

**Joe-La-Boule** · 27/06/2008, 12h58

j'ai également éssayé tout a l'heure auteur mais ça n'a rien changé

**Auteur** · 27/06/2008, 13h00

c'est à dire ??
Montre moi ton code...

**Joe-La-Boule** · 27/06/2008, 13h04

Code :

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

1
2
3
4
5
6
7
8
 
function TransfertFilleMere(smiley)
{
 var elmtWinParent=window.opener.document.getElementById("contenuNews");
 
 
		 elmtWinParent.value=ElmtWinParent.value+smiley;
}

le fichier mere :

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
18
19
20
21
22
23
24
25
26
27
 
 
<?php
 
if(isset($_POST['valid']))
{
 
}
 
 
else
{
?>
	<center class="gros_titre">Géstion des news</center>
	<center><br />	
	<script src="MereFille.js"></script>
		<form name="createNews" method="post" class="form" action="http://<?php echo $domain; ?>/index.php?p=adminNews&amp;do=newArticle">
			<label>Titre :</label><br /><input type="text" name="titreNews" style="text-align: center;" size="100" onMouseOver="this.focus();"/><br /><br />
			<?php include("admin/news/taskbar.php"); ?><br /><br />
			<label>Contenu :</label><br /><textarea cols="100" id="contenuNews" name="contenuNews" onMouseOver="this.focus();"></textarea><br /><br />
			<input type="button" value="Effacer tout" onClick="contenuNews.value=''"/>&nbsp;&nbsp;<input type="submit" name="valid" value="Poster" />
		</form>
	</center>
<?php
}
 
?>

la taskbar :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<button title="Gras" type="button" name="gras" onClick="insertion('','');"><b>Gras</b></button>&nbsp;
<button title="Italique" type="button" name="italic" onClick="insertion('','');"><i>Italique</i></button>&nbsp;
<button title="Souligné" type="button" name="souligne" onClick="insertion('','');"><u>Souligné</u></button>&nbsp;
<button title="Barré" type="button" name="barre" onClick="insertion('[barre]','[/barre]');"><span  style="text-decoration: line-through;">Barré</span></button>&nbsp;
<button title="Clignotant (ne pas en abuser !/Ne marche pas sur Internet Explorer)" type="button" name="blink" style="text-decoration: blink;" onClick="insertion('[blink]','[/blink]');">Clignotant</button>&nbsp;
<button title="Insérer une image" type="button" name="img" onClick="url_img();">Img</button>&nbsp;
<button title="Citer" type="button" name="quote" onClick="insertion('[quote auteur=\'\']','[/quote]');">"Citation"</button>&nbsp;
<button title="Insérer un lien" type="button" name="link" onClick="url();"><a href="#" style="font-size: 11px;">Lien</a></button>&nbsp;
<select name="font">
	<option selected="selected"  style="color: orange; font-weight: bold;">Police</option>
	<option style="font-family: Verdana;" onClick="insertion('[font name=\'Verdana\']','[/font]');">Verdana</option>
	<option style="font-family: tahoma;" onClick="insertion('[font name=\'Tahoma\']','[/font]');">Tahoma</option>
	<option style="font-family: impact;" onClick="insertion('[font name=\'Impact\']','[/font]');">Impact</option>
	<option style="font-family: arial;" onClick="insertion('[font name=\'Arial\']','[/font]');">Arial</option>
	<option style="font-family: 'comic sans ms';" onClick="insertion('[font name=\'Comic sans MS\']','[/font]');">Comic Sans MS</option>
	<option style="font-family: 'arial black';" onClick="insertion('[font name=\'Arial Black\']','[/font]');">Arial Black</option>
	<option style="font-family: 'times new roman';" onClick="insertion('[font name=\'Time New Roman\']','[/font]');">Times New Roman</option>
	<option style="font-family: 'courier new';" onClick="insertion('[font name=\'Courier New\']','[/font]');">Courier New</option>
</select>
&nbsp;
<select name="size">
	<option selected="selected" style="color: orange; font-weight: bold;">Taille</option>
	<option style="font-size:9px;" onClick="insertion('[size=\'9\']','[/size]');">9</option>
	<option style="font-size:10px;" onClick="insertion('[size=\'10\']','[/size]');">10</option>
	<option style="font-size:11px;" onClick="insertion('[size=\'11\']','[/size]');">11</option>
	<option style="font-size:12px;" onClick="insertion('[size=\'12\']','[/size]');">12</option>
	<option style="font-size:13px;" onClick="insertion('[size=\'13\']','[/size]');">13</option>
	<option style="font-size:14px;" onClick="insertion('[size=\'14\']','[/size]');">14</option>
	<option style="font-size:15px;" onClick="insertion('[size=\'15\']','[/size]');">15</option>
	<option style="font-size:16px;" onClick="insertion('[size=\'16\']','[/size]');">16</option>
</select>

<br /><br />
<button title="Aligné à gauche" type="button" name="left" onClick="insertion('[align=\'left\']','[/align]');"><img src="admin/news/taskbar/left.png" alt="left" /></button>
<button title="Justifié" type="button" name="left" onClick="insertion('[align=\'center\']','[/align]');"><img src="admin/news/taskbar/justify.png" alt="justify" /></button>
<button title="Aligné à droite" type="button" name="right" onClick="insertion('[align=\'right\']','[/align]');"><img src="admin/news/taskbar/right.png" alt="right" /></button>
<button title="Liste à puce" type="button" name="list"><img src="admin/news/taskbar/pucelist.gif" alt="list" /></button>
<button title="Insérer un smiley" type="button" name="smiley" style="padding-top: 3.5px;" onClick="window.open('http://<?php echo $domain; ?>/admin/news/smileys.php','Choisir un smiley','height=400, width=600');"><img src="admin/news/taskbar/smiley_icon.gif" alt="smileys"/></button>

et le fichier fille :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Choisir un Smiley</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   </head>
	<body> 
	<script src="MereFille.js"></script>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :blabla: ');" src="smileys/blabla.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :cry: ');" src="smileys/cry.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :cry2: ');" src="smileys/cry2.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :disput: ');" src="smileys/dispute.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :fuck: ');" src="smileys/fuck.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :bg: ');" src="smileys/groupie.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :huh: ');" src="smileys/huh.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :hum: ');" src="smileys/hum.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :langue: ');" src="smileys/langue.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :love: ');" src="smileys/love.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :love2: ');" src="smileys/love2.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :mur: ');" src="smileys/mur.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :think: ');" src="smileys/reflexion.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :roll: ');" src="smileys/roll.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :rolleyes: ');" src="smileys/rolleyes.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :sad: ');" src="smileys/sad.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :sad2: ');" src="smileys/sad2.GIF"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :sex: ');" src="smileys/sex.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :bigtouf: ');" src="smileys/bigtouff.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :bipbip: ');" src="smileys/hiphiphip.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :papi: ');" src="smileys/papi.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :sleep: ');" src="smileys/sleep.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :banane: ');" src="smileys/banane.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :mdr: ');" src="smileys/mdr.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :DD ');" src="smileys/lool.png"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :zen: ');" src="smileys/zen.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :awe: ');" src="smileys/awe.gif"/>
				<img id="popup_smileys" onclick="TransfertFilleMere(' :gum: ');" src="smileys/gum.gif"/>
	</body>
</html>

serait-ce à cause des id ?