Discussion :

[cyrill.gremaud]

salut

jaimerai savoir comment je pourrait faire que lorsque je click sur une image, sa menvoie un code de texte dans une zone de texte ????

merci

[_dranece_]

Code :

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

1
2
3
4
 
<img scr="..." onclick="document.getElementById('zoneText').innerHTML = 'Mon text'">
 
<div id="zoneText"></div>

[SpaceFrog]

+= serait sans doute plus approprié ...

maintenant pour l'inséer à l'endroit du curseur c'est une autre paire de manches ...

[cyrill.gremaud]

c'est dur ?

[denisC]

c'est dur ?

Le code BB qui fait ça. A toi de voir

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function emoticon(text) {
	var txtarea = document.post.message;
	text = ' ' + text + ' ';
	if (txtarea.createTextRange && txtarea.caretPos) {
		var caretPos = txtarea.caretPos;
		caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
		txtarea.focus();
	} else {
		txtarea.value  += text;
		txtarea.focus();
	}
}

[SpaceFrog]

aussi simple que ça pour IE et ffx ?
c'est pas que la partie IE ça ?

[zulot]

une ptite explication du code serait la bienvenue non?

parceque je comprend pas deja la 1er variable txtarea d'ou ca sort dsl

enfin un ptit peu d'aide :-) ou un lien sur un tuto par exemple moi j'aime bien les tuto :-)

[zulot]

Voila j'aitrouvé un morceaux de code qui fonctionne super bien et pas trop compliqué a comprendre

le code javascript :

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
 
<script language="JavaScript" type="text/JavaScript"> 
<!-- 
 function addSmiley(codesmiley) 
  { 
  var msg = document.messagerie.mtexte; // Remplace formulaire par le nom de ton formulaire 
                                          // et zonetext par le nom de la textbox ou textarrea 
 
   // Compatible IE 
   if(document.selection) 
   { 
   msg.focus(); 
   sel = document.selection.createRange(); 
   sel.text = codesmiley; 
   document.step2.focus(); 
   } 
  else if(msg.selectionStart || msg.selectionStart == "0") 
   { 
   var startPos = msg.selectionStart; 
   var endPos = msg.selectionEnd; 
   var chaine = msg.value; 
 
   msg.value = chaine.substring(0, startPos) + codesmiley + chaine.substring(endPos, chaine.length); 
   msg.selectionStart = startPos + codesmiley.length; 
   mdg.selectionEnd = endPos + codesmiley.length; 
   msg.focus(); 
   } 
  else 
   { 
   msg.value += codesmiley; 
   msg.focus(); 
   } 
  } 
//--> 
</script>

Le code a inséré pour les liens

Code :

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

1
2
3
4
 
<a href="#" onClick="addSmiley(' {CODE} '); return(false)">
<img src="forum\images\smiles/{LIEN1}" name="{NAME1}" title="{TITTLE1}" width="16" height="16" border="0">
</a>

il faut biensur remplacer le code des variables en {} par les bonnes valeurs.

voila en esperant t'avoir aidé.

maintenant y a peut etre plus simple mais faut m'expliquer lol

[zulot]

Par contre j'arrive pas a faire fonctionner le code phpbb que j'ai a peu pres compris je dois avoir un problem de lien sans doute


EDIT :

Apres avoir reflechis sur le code ect j'ai enfin trouvé mon bonheur.

Le premier code tres long mais tres simple a comprendre m'a beaucoup aidé pour le suivant.
D'ailleur y a une faute dedans.

Le premier code ne continue pas sur la ligne ou on est et est tres lent me rafraichis la page ect....

Le deuxieme code (phpbb) lui trtes complexe au premier abord, mais tres efficace, en consultant les code source des pages htlm généré j'ai compris comment ils fonctionnaient alors petite explication.

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 emoticon(text) {  
    var txtarea = document.post.message; //remplacer post par le nom du formulaire ou va agir la fonction
// remplacer message par le nom du textarea ou va se metre le code du smiley  /!\ ne pas se tromper.
    text = ' ' + text + ' ';  
    if (txtarea.createTextRange && txtarea.caretPos) {  
       var caretPos = txtarea.caretPos;  
       caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == 
' ' ? caretPos.text + text + ' ' : caretPos.text + text;  
       txtarea.focus();  
    } else {  
       txtarea.value  += text;  
       txtarea.focus();  
    }  
 }

Tout ce code est bien entendu a metre entre le head de la page html avec le ptit tag javascipt qui va bien.

Ensuite faut metre un lien correcte pour que cela fonction
voici le lien type :

Code :

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

1
2
3
<a href="javascript:emoticon('{CODE1}')">
<img src="forum\images\smiles/{LIEN1}" title="{TITLE1}" width="16" height="16" border="0">
</a>

il faut remplacer les variables entre {} par vos valeurs et voila ca fonctionne nikel le curseur se remet a la suite de votre texte la page je sais meme pas si elle se rafraichis en tout cas ca se voit pas et c'est top

voila j'espere en avoir aidé plus d'un comme ca.

[zulot]

me revoila avec mes petits problèmes de smiley.

Bon j'ai reussis a faire dans un textarea mais maintenant je voudrais pouvoir inserer un mon smiley a l'endroit du curseur mais le curseur peut se trouver dans 2 textarea different.

C'est possible?

[zulot]

UP

c'esdt pas possible d'avoir une barre de smiley pour 2 textarea different sur une meme page?

[Eric Berger]

Le problème, c'est que quand tu cliques sur ton smiley, le curseur (ou pour utiliser le bon vocabulaire, le focus) n'est plus dans un textarea, mais sur ton smiley...
Pour contourner ceci, tu pourrais mettre à jour une variable à chaque fois que le focus arrive dans l'un de tes textarea:

Code :

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

1
2
var dernierFocus;
<textarea onfocus="dernierFocus = this;"></textarea>

Ensuite, à la place d'envoyer le code du smiley à un textarea particulier, tu l'envoies vers ta variable dernierFocus qui référence le dernier textarea visité.

[edit]La définition de ta variable dernierFocus doit évidemment se trouver dans une zone de script[/edit]

[zulot]

oki merci je vais testé ca.

Sinon pour la definition de variable tu parles bien de var dernierforus, qui doit etre dans la zone de javascript c'est ca?

Ensuite le probleme dans le onfocus ne risque t il pas de pas savoir dans quel form il se trouve le focus?

Et si les textarea on le meme nom ca risque de pas fonctionner je pense.