Inserire gli Smile in una Textarea con Javascript

Autore: Luca Ruggiero | Tell a Friend Corso Java Impara a programmare col linguaggio OOP della Sun. Corso Javascript e DHTML Impara a creare controlli ed animazioni!

Molte applicazioni di pubblico e frequente utilizzo, come Guestbook e forum di discussione, sono solite permettere agli utenti di inserire simboli o immagini, ad esempio delle faccine sorridenti, o comunque espressive a seconda dell'argomento trattato.

In questo Tip non vedremo come effettuare la registrazione sul database e la conversione dei caratteri utilizzati con l'immagine scelta, ma vedremo come inserire i simboli che ci interessano nella Textarea cliccando su un comando, ad esempio l'immagine scelta dall'utente.

Iniziamo col creare la Textarea dell'applicazione di input:

<form name="modulo">
   <textarea name="messaggio" rows="10" cols="30"></textarea>
</form>

<a href="javascript:Smile(':-)')"><img src="smile1.gif" border="0"></a>
<a href="javascript:Smile(';-)')"><img src="smile2.gif" border="0"></a>
<a href="javascript:Smile(':-(')"><img src="smile3.gif" border="0"></a>

<script language="javascript">
 <!--
   function Smile(quale_faccina)
   {
      document.modulo.messaggio.value += quale_faccina;
   }
 //-->
</script>