[Javascript] Ajout de text dans un Textarea?

Ajout de text dans un Textarea? [Javascript] - Programmation

Marsh Posté le 16-09-2002 à 20:30:05    

Pour mon forum ( de mon site http://www.ime.fr.fm), j'aimerais mettre des smilies. Mais je ne sais pas comment ajouter le texte (: /) dans un textarea (qui s'appellerait "message" ) en cliquant sur une image.
 
J'ai fais une recherche sur le forum, mais je n'ai rien trouver qui marche.
 
Quelqu'un pourais m'aider?
 
Merci.


Message édité par fox25 le 16-09-2002 à 20:59:19
Reply

Marsh Posté le 16-09-2002 à 20:30:05   

Reply

Marsh Posté le 16-09-2002 à 23:53:58    

En imaginant que ton FORM s'appelle "redaction" et que ton TEXTAREA s'appelle message :
 

Code :
  1. <SCRIPT language="Javascript" type="text/javascript">
  2. function insertsmile(sm) {
  3.     LeChamps=opener.document.redaction.message;
  4.     if (LeChamps.createTextRange && LeChamps.caretPos) {
  5.         var caretPos = LeChamps.caretPos;
  6.         caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? sm + ' ':sm;
  7.     } else {
  8.         LeChamps.value=opener.document.redaction.message.value + sm;
  9.     }
  10. }
  11. </SCRIPT>


 
Pour insérer un smiley :
 
<A HREF="javascript:insertsmile('smiley.gif';);">


Message édité par Core 666 le 16-09-2002 à 23:54:10
Reply

Marsh Posté le 17-09-2002 à 09:11:33    

Si ton textarea a pour non ou id 'toto' est avec ie ça donne :
 
document.all.toto.value+=": /";
 
Ca ajout la chaîne ": /" à la fin du texte.


Message édité par darkoli le 17-09-2002 à 09:11:58

---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html
Reply

Marsh Posté le 17-09-2002 à 18:09:03    

DarkOli a écrit a écrit :

Si ton textarea a pour non ou id 'toto' est avec ie ça donne :
 
document.all.toto.value+=": /";
 
Ca ajout la chaîne ": /" à la fin du texte.




 
Merci c'est extra  :sol: , j'aimerais aussi savoir comment mettre le texte où le curseur est. MERCI
 
 

Reply

Marsh Posté le 17-09-2002 à 21:28:11    

Core 666 a écrit a écrit :

En imaginant que ton FORM s'appelle "redaction" et que ton TEXTAREA s'appelle message :
 

Code :
  1. <SCRIPT language="Javascript" type="text/javascript">
  2. function insertsmile(sm) {
  3.     LeChamps=opener.document.redaction.message;
  4.     if (LeChamps.createTextRange && LeChamps.caretPos) {
  5.         var caretPos = LeChamps.caretPos;
  6.         caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? sm + ' ':sm;
  7.     } else {
  8.         LeChamps.value=opener.document.redaction.message.value + sm;
  9.     }
  10. }
  11. </SCRIPT>


 
Pour insérer un smiley :
 
<A HREF="javascript:insertsmile('smiley.gif';);">




 
C'est quoi un FORM, ça sert à quoi?

Reply

Marsh Posté le 17-09-2002 à 22:18:52    

fox25 a écrit a écrit :

 
 
C'est quoi un FORM, ça sert à quoi?




C'est un formulaire : le truc qui te sert par exemple à poster un message (ça définit une zone dans une page html qui contient des zones de saisies (texte, case à cocher, ...) et le bouton d'envoi (submit) pour valider le formulaire et envoyer les données au serveur.


---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html
Reply

Marsh Posté le 17-09-2002 à 22:33:54    

http://forum.hardware.fr/icones/flag1.gif

Reply

Marsh Posté le 17-09-2002 à 22:52:57    


:??:


---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html
Reply

Marsh Posté le 18-09-2002 à 18:22:51    

J'arrive toujours pas à faire fonctionner le code, et je n'ai pas très bien compris à quoi ça sert le form.
 
Merci de mettre autant d'attention envers moi  :sweat:   :jap:  
 
 :hello:

Reply

Marsh Posté le 18-09-2002 à 21:15:00    

Up

Reply

Marsh Posté le 18-09-2002 à 21:15:00   

Reply

Marsh Posté le 18-09-2002 à 22:14:33    

Core 666 a écrit a écrit :

En imaginant que ton FORM s'appelle "redaction" et que ton TEXTAREA s'appelle message :
 

Code :
  1. <SCRIPT language="Javascript" type="text/javascript">
  2. function insertsmile(sm) {
  3.     LeChamps=opener.document.redaction.message;
  4.     if (LeChamps.createTextRange && LeChamps.caretPos) {
  5.         var caretPos = LeChamps.caretPos;
  6.         caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? sm + ' ':sm;
  7.     } else {
  8.         LeChamps.value=opener.document.redaction.message.value + sm;
  9.     }
  10. }
  11. </SCRIPT>


 
Pour insérer un smiley :
 
<A HREF="javascript:insertsmile('smiley.gif';);">




 
 
merci
j ai rien a voir avec le topic jp assait par la mais ton truc est plus leger que ce que j utilisait avant  :D  
 
 
 :jap:

Reply

Marsh Posté le 19-09-2002 à 18:13:33    

j'arrive toujours pas à faire fonctionner le code.
 
Il me dit: Erreur:'opener.document' a la valeur Null ou n'est pas un objet
 
D'ou vient le problème?
 
MERCI  :hello:

Reply

Marsh Posté le 20-09-2002 à 18:08:51    

UP  :??:

Reply

Marsh Posté le 20-09-2002 à 19:20:03    

Voici le code, que qui est faut:
 
<form name="redaction">  
<SCRIPT language="Javascript" type="text/javascript">  
  function insertsmile(sm) {  
        LeChamps=opener.document.redaction.message;  
        if (LeChamps.createTextRange && LeChamps.caretPos) {  
              var caretPos = LeChamps.caretPos;  
              caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? sm + ' ':sm;  
          } else {  
              LeChamps.value=opener.document.redaction.message.value + sm;  
        }  
  }  
  </SCRIPT>
  <A HREF="javascript:insertsmile('smiley.gif';);">Image</a>
 
<textarea name="message" rows=10 cols=10 ></textarea>
</form>

Reply

Marsh Posté le 20-09-2002 à 19:27:56    

fox25 a écrit a écrit :

Voici le code, que qui est faut:
 
<form name="redaction">  
<SCRIPT language="Javascript" type="text/javascript">  
  function insertsmile(sm) {  
        LeChamps=opener.document.redaction.message;  
        if (LeChamps.createTextRange && LeChamps.caretPos) {  
              var caretPos = LeChamps.caretPos;  
              caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? sm + ' ':sm;  
          } else {  
              LeChamps.value=opener.document.redaction.message.value + sm;  
        }  
  }  
  </SCRIPT>
  <A HREF="javascript:insertsmile('smiley.gif';);">Image</a>
 
<textarea name="message" rows=10 cols=10 ></textarea>
</form>




Désolé mais ce code me dit pas grand chose ...
Ceque je t'ai file ne suffit pas ?


---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html
Reply

Marsh Posté le 20-09-2002 à 19:32:53    

DarkOli a écrit a écrit :

 
Désolé mais ce code me dit pas grand chose ...
Ceque je t'ai file ne suffit pas ?




 
Le code que tu m'as donné est bien, mais j'aime toujours avoir mieux, c'est pour ça que je veux l'autre car il me semble qu'il ajoute le texte où le curseur est placé.
 
Mais quand même merci pour ton code  :jap: , c'est celui que je suis en train d'utiliser pour les smilies.

Reply

Marsh Posté le 20-09-2002 à 20:33:54    

fox25 a écrit a écrit :

 
 
Le code que tu m'as donné est bien, mais j'aime toujours avoir mieux, c'est pour ça que je veux l'autre car il me semble qu'il ajoute le texte où le curseur est placé.
 
Mais quand même merci pour ton code  :jap: , c'est celui que je suis en train d'utiliser pour les smilies.




Ben je ne vois pas trop comment il peut fonctionner ...


---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html
Reply

Marsh Posté le 21-09-2002 à 15:48:40    

fox25 a écrit a écrit :

Voici le code, que qui est faut:
 
<form name="redaction">  
<SCRIPT language="Javascript" type="text/javascript">  
  function insertsmile(sm) {  
        LeChamps=opener.document.redaction.message;  
        if (LeChamps.createTextRange && LeChamps.caretPos) {  
              var caretPos = LeChamps.caretPos;  
              caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? sm + ' ':sm;  
          } else {  
              LeChamps.value=opener.document.redaction.message.value + sm;  
        }  
  }  
  </SCRIPT>
  <A HREF="javascript:insertsmile('smiley.gif';);">Image</a>
 
<textarea name="message" rows=10 cols=10 ></textarea>
</form>




 
Alors, qu'est-ce qui est faut?  :(

Reply

Marsh Posté le 21-09-2002 à 16:27:21    

fox25 a écrit a écrit :

 
 
Alors, qu'est-ce qui est faut?  :(  




 
essaye sans le opener. tu laisse juste document.blabla...
 
t a compris?

Reply

Marsh Posté le 21-09-2002 à 20:35:07    

veryfree a écrit a écrit :

 
 
essaye sans le opener. tu laisse juste document.blabla...
 
t a compris?




 
Sans le opener. ça marche, mais il ajoute le code à la fin du text. Autement dit, il fait la même chose que document.all.toto.value+=": /"; Moi, j'aimerais qu'il l'ajoute où le curseur est placé.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed