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

Version imprimable

26/06/2008, 22h39
Joe-La-Boule

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

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 !
27/06/2008, 01h40
Auteur

bonjour,

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

:question:
27/06/2008, 08h18
Joe-La-Boule

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é ! :)

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

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

Code:

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:

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:

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

27/06/2008, 10h13
E.Bzz

Citation:

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+

- écris les événements JS en minuscules (onmouseover, onclick, onmouseout...) ;
- une image n'a pas d'attribut value :aie: ;
- 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:

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:

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.

27/06/2008, 10h24
Joe-La-Boule

ça marceh à merveille ^^ merci auteur :)
27/06/2008, 10h28
Auteur

:resolu: :question:
27/06/2008, 11h07
Joe-La-Boule

ce code :

Code:

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é ?
27/06/2008, 11h53
Auteur
Citation:

Envoyé par Joe-La-Boule

ce code :

Code:

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:

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:

1 2 3 4 5 6 7 function TransfertFilleMere(smiley) { var elmtWinParent=window.opener.document.getElementById("contenuNews"); elmtWinParent.value=elmtWinParent.value+smiley; }
27/06/2008, 11h58
Joe-La-Boule

j'ai également éssayé tout a l'heure auteur mais ça n'a rien changé :)
27/06/2008, 12h00
Auteur

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

Code:

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:

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:

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:

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 ?

27/06/2008, 12h06
SpaceFrog

merci de ne poster que le html généré ...

et oui un id doit être UNIQUE sur une page ...
27/06/2008, 12h10
Auteur

et place

Code:

<script src="MereFille.js"></script>

dans le head pas dans le body ;)
27/06/2008, 12h22
Joe-La-Boule

c'est parfait ^^ ! merci beaucoup :)