JavaScript: Aggiungere del testo in una textarea

Tramite JavaScript è possibile aggiungere del testo in una textarea come succede nei forum quando si vuole aggiungere uno smile.
Per prima cosa bisognerà creare la textarea (al posto di "nomedellatextarea" metterai il nome della textarea, al posto di "40" metterai la larghezza della textarea in base al numero di caratteri orizzontali e al posto di "5" metterai l'altezza della textarea in basi al numero di righe):
<textarea id="nomedellatextarea" cols="40" rows="5"></textarea>


A questo punto si può creare la funzione che inserirà il testo nella textarea (al posto di "nomedellatextarea" metterai il nome della textarea):
<script type="text/javascript">
function InserisciTesto(testo){
	document.getElementById("nomedellatextarea").value += testo;
}
</script>


Adesso si deve inserire l'input che attiverà la funzione. Si può fare in tanti modi, ma io ve ne faccio vedere due.

Il primo metodo utilizza un semplice link (al posto di "testo da inserire" metterai il testo che verrà aggiunto nella textarea e al posto di "Clicca qui" il testo che verrà cliccato per attivare la funzione):
<a href="#" onclick="InserisciTesto('testo da inserire'); return false;">Clicca qui</a>


Il secondo metodo utilizza un bottone (al posto di "testo da inserire" metterai il testo che verrà aggiunto nella textarea e al posto di "Clicca qui" il testo del bottone che verrà cliccato per attivare la funzione):
<input type="button" value="Clicca qui" onclick="InserisciTesto('testo da inserire');" />

Guida scritta da il 16/06/2007.

Le ultime guide della categoria JavaScript:

comments powered by Disqus