begin process at 2012 05 29 15:55:19
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

place du curseur dans textarea pour ajouter un smiley


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

place du curseur dans textarea pour ajouter un smiley

dimanche 13 mars 2005 à 17:40:17 | place du curseur dans textarea pour ajouter un smiley

netwebzone

Bonjour,

J'utilise cette fonction pour ajouter des smileys dans un textarea seulement le probleme c'est que ca les place toujours à la fin de ce qui est déja écrit et donc on ne peut pas le placer ou on veut...
Par exemple, c'est ecrit :
"Bonjour, ca va ? Je me présente"
Je clique sur un smiley et le code se met directement après "présente", comment faire si je veux le mettre après "ca va ?" par exemple ? Pourtant j'ai placé le curseur à l'endroit la...

Merci
A+

La fonction :
function emoticon(text) {
 var txtarea = document.news.newst;
 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();
 }
}
lundi 25 juillet 2005 à 05:05:26 | Re : place du curseur dans textarea pour ajouter un smiley

spider987

il est peut etre trop tard pour repondre mais au cas ou sa fait trois fois que je vois cette question a je te repond aussi la meme chose :

pour ajouter le code d'un smiley  dans une zone de text à l'endroit du curseur en cliquant sur une icone  :

a mettre entre <head> et </head> :

<script language="JavaScript" type="text/JavaScript">
<!--
 function addSmiley(codesmiley)
  {
  var msg = document.formulaire.zonetext; // 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>

et le lien image a mettre ou tu veux dans ta page entre <body> et </body> :

<a href="#" onClick="addSmiley(' :) '); return(false)"><img src="smiley.gif" width="16" height="16" border="0"></a>

si tu as besoin d'aide mail moi

Spider987, on the web
jeudi 9 mars 2006 à 19:15:12 | Re : place du curseur dans textarea pour ajouter un smiley

Dji59

Salutation à vous.
Je suis totalement novice et j'avais le même problème, mon émoticone qui ne se place pas à l'endroit du curseur.
Alors j'ai fouillé sur internet et j'ai corrigé ce problème en remplaçant ceci:
function emoticon(text) {
 var txtarea = document.commentaire.texte_form;
 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();
 }
}


par cela:
/*
** Cette fonction, codée par grummfy [ Lien ] ,permet l'ajout de smileys là où se trouve le curseur, ce
** qui s'avère extrèmement pratique. Un grand merci à lui :). OUI oui, un immense merci.
*/
function emoticon(smilies)
{
 var myForm = document.commentaire.texte_form;
 if (document.selection)
 {
  myForm.focus();
  document.selection.createRange().text = smilies;
  document.form_nom.focus();
 }
 else if (myForm.selectionStart)
 {
  var pos_debut = myForm.selectionStart;
  var pos_fin = myForm.selectionEnd;
  var chaine = myForm.value;
  myForm.value = chaine.substring(0, pos_debut) + smilies  + chaine.substring(myForm.selectionEnd, myForm.value.length);
 }
 else
 {
  myForm.value += smilies;
 }
}


Et maintenant, ça fonctionne impeccable.
Dji...


Cette discussion est classée dans : text, curseur, place, caretpos, txtarea


Répondre à ce message

Sujets en rapport avec ce message

Smiley + iFrame [ par maxroucool ] Bonjour tout le monde, je suis en train de faire un forum, mais j'ai un petit probleme sur l'insertion des smilies dans le champ de texte. Quand on c ajouter ou l'on veut dans textarea, ou l'on place le curseur... [ par netwebzone ] Bonjour, J'utilise cette fonction pour ajouter des smileys dans un textarea seulement le probleme c'est que ca les place toujours à la fin de ce qui e préciser la place du curseur dans un textarea [ par fixeurman ] BonsoirAvec la fonction ci dessous le curseur finit à la fin du texte contenu dans le champ.Je voudrais que le curseur reste placè à la fin du texte q createTextRange toujours a undefined [ par RMOINAS ] Salut don cvoilà j'exepose mon probleme j'ai pris un code pour mettre du bbcode dans un site apres quelque modification du code pour le rendre comptab Erreurs sous IE... [ par Shenron42000 ] Salut, Voila, j'ai un script qui s'execute parfaitement sous FF et IE... il marche nikel sauf que IE me signal touours que ma page contient des erreu Comment placer le curseur texte dans le bon input [ par Jarod1980 ] Bonjour tout le monde,Ma question est simple, j'ai plusieurs champ input de type text sur ma page. Je voudrais lorsque ma pagese charge que le curseur Text area [ par bice3 ] Bonjour,J'ai un textearea dans laquelle j'aimerais ajouter du texte a l'aide de différents bouton, afin de créer des balises.Quelqu'un pourrait-il me probleme de champ text et onFocus !!! [ par ricola ] BonjourExemple simple:J'ai 3 champs text qui se suivent.Lorsque mon curseur est sur le 1er champs text je saisi un nombre, j'appuie sur Tab.Et là, jai Ajout de texte dans une txtarea sur lien??? [ par xabi62 ] Salut,Comment ajouter du texte a la position du curseur dans une txtarea sur un lien "classique". J'ai le code pour le faire sur le click d'un bouton URGENT : ecrire dans un textarea a la position du curseur [ par khider ] je suis a la recherche d'un script qui ecrit dans un textarea sur un clique d'un bouton a la position du curseur (n'importe ou dans le text). j'ai de


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,092 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales