input in textarea da button

[Yuppies]

Buongiorno tutti voi.

Ragazzi sto sbattendo la testa con questo problema perchè non sono pratico di js forse a qualcuno di voi può risultare più semplice o addiruttura una fesseria vi spiego il problema:

ho una textarea in cui l'utente può scrivere del testo libero.
Vorrei realizzare di fianco a questa textarea una pulsantiera che agevoli l'inserimento di alcune parole.

Mi spiego meglio:
l'utente scrive nella textarea
ciao
poi, fuori della textarea, trova un pulsante sul quale è scritto "a tutti" e lo pigia.

Vorrei che nella text area apparisse direttamente:
ciao a tutti

poi l'utente prosegue scrivendo:
ciao a tutti oggi è il mio
poi, fuori della textarea, trova un pulsante sul quale è scritto "compleanno" ed un altro con il testo "onomastico" e ne pigia uno.

A seconda di quello che pigia apparirà nella textarea
ciao a tutti oggi è il mio compleanno
oppure
ciao a tutti oggi è il mio onomastico

potete darmi una mano?

[m4rko80]

<textarea id="test"></textarea>

<input type="button" value="compleanno" id="bt_compleanno" onclick="aggiungi('compleanno');">

<script>
function aggiungi(parola){
var contenuto = document.getElementById('test').innerHTML();
contenuto = contenuto+parola;
}
</script>

se innerHTML non dovesse funzionare innerTEXT o value();

[TrueLies]

Originariamente inviato da m4rko80
<textarea id="test"></textarea>

<input type="button" value="compleanno" id="bt_compleanno" onclick="aggiungi('compleanno');">

<script>
function aggiungi(parola){
var contenuto = document.getElementById('test').innerHTML();
contenuto = contenuto+parola;
}
</script>

se innerHTML non dovesse funzionare innerTEXT o value();

meglio value, ma senza la svista delle parentesi essendo una proprietà e non un metodo dell' oggetto.

document.getElementById('test').value+=parola

questo presumendo voglia appendere la parola in fondo, sennò ha un problema: dovrà studiarsi l'oggetto range - auguri! :-)

[Yuppies]

ragazzi pare che a me non funzioni nè con l'uno nè con l'altro metodo.

[TrueLies]

ok ma magari mandaci i tuoi codici però...

[Yuppies]

<form method="POST" action="?salva=3" enctype="multipart/form-data" name="mod">
<textarea name="des_pro" cols="65" rows="7" id="des_pro" width="50"></textarea>
</form>

[TrueLies]

e il javascript che stai usando - se ce ne è uno?
Parlavi di un link o pulsante dal quale cliccandolo parte una funzione che dovrebbe aggiungere testo alla textarea - c'è quella parte di codice?

[TrueLies]

vabbè fa lo stesso, usa questo

<form method="POST" action="?salva=3" enctype="multipart/form-data" name="mod">
<textarea name="des_pro" cols="65" rows="7" id="des_pro" width="50"></textarea>


aggiungi 'ciao'
</form>

<script>
function foo(testo){ document.getElementById('des_pro').value+=testo; return false; }
</script>

[Yuppies]

grazie 1000

questo metodo qui funziona però.... ho riscontrato questo inconveniente:

siccome c'è anche una textarea in cui è possibile modificare quanto inserito nella textarea precedente, se mi porto in una posizione centrale al testo inserito e poi clicco sul link, il testo mi viene aggiunto sempre alla fine.

non c'è un modo per far si che il testo venga aggiunto nella posizione in cui si trova il cursore nel momento dell'inserimento?

[TrueLies]

Originariamente inviato da TrueLies
questo presumendo voglia appendere la parola in fondo, sennò ha un problema: dovrà studiarsi l'oggetto range - auguri! :-)

http://www.google.it/search?q=javascript+range