[JAVASCRIPT] inserire testo in una posizione precisa in una textarea

**biamat** · 17-07-2003, 09:44

Ciao,
io ho una textarea contenente del testo generico e vorrei realizzare la seguente cosa:
-IPOTESI 1 (più complicata immagino): supponendo che esistano dei bottoni che lanciano una particole funzione, vorrei poter selezionare una parola con il mouse trascinandolo sopra e al momento della pressione del bottone inserire del testo prima e dopo il testo selezionato. Un po come avviene in questo forum solo che viene sempre inserito alla fine mentre io vorrei inserirlo prima e dopo la parola selezionata...insomma dovrei racchiuderla tra dei tag.
-IPOTESI 2 (penso più semplice ma ugualmente valida): cliccando in una particolare zona della mia textarea vorrei che al click di un pulsante venisse inserito del testo in questa precisa posizione.
Mi sa che è un bel casino vero?

**Mich_** · 17-07-2003, 10:08

Dovresti fare una ricerca nel forum, dato che l'argomento e` gia` stato affrontato (in parte per lo meno).

Selezionare un testo in una textarea oppure posizionarlo in un punto preciso, credo si possa fare solo con browser IE.

Ciao
Michele

**biamat** · 17-07-2003, 10:21

grazie ora cerco

**hako** · 17-07-2003, 10:40

prova questo

<html>

<head>

<title></title>
</head>

<body>
<input type="button" value="Inserisci frase" onClick="document.getElementById('livello').innerH TML='Ecco la frase da inserire!';">

<div id="livello"></div>
</body>

</html>

oppure questo

<html>
<head>

<script>
function taketext(){
T=document.getElementById('tex1').value;
document.getElementById('tex2').value=T+=" sta visitando la mia pagina";
}
</script>
</head><body>
<input id="tex2" type="text" value="" name="T1" size="200" style="border-color:#ffffff;border-style:solid">

Inserisci il tuo nome: <input id="tex1" type="text" name="T1" size="20" onKeyup="taketext()">
</body>
</html>

ciao

**v2v2** · 25-07-2003, 10:29

La soluzione al problema 2:

codice:

<HTML>
<HEAD>
<SCRIPT>
function sel(area) {
	area.posiz = document.selection.createRange();
}
     
function insert(area, scritta) {
	area.posiz.text = scritta;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="MioForm">
<TEXTAREA NAME="area" ROWS="3" COLS="50" ONSELECT="sel(this);" ONCLICK="sel(this);" ONKEYUP="sel(this);">
Testo in cui inserire.
Testo in cui inserire.
Testo in cui inserire.</TEXTAREA>

    
    

<INPUT TYPE="text" NAME="scritta" SIZE="50" VALUE="scrivi qui">

    
    

<INPUT TYPE="button" VALUE="inserisci" ONCLICK="insert(MioForm.area, MioForm.scritta.value);">
</FORM>
</BODY>
</HTML>

**v2v2** · 25-07-2003, 10:31

Sono un po' in ritardo ma quei figli di p... della Telecom ogni tanto mi staccano l'ADSL e rimango senza internet per qualche giorno!

**biamat** · 25-07-2003, 15:14

ciao,
ero riuscito a fare quello che avevo in mente ma purtroppo funziona solo su IE e non con Netscape o Mozilla.
Ti ringrazio v2v2 ma anche la tua va solo su IE...che palle.
Ma possibile che non si riescano a mettere d'accordo e creare browser compatibili?
BAH!!!

**Xinod** · 25-07-2003, 21:47

non sono i browser basati su gecko a comportarsi ambiguamente,
se usi comandi proprietari di IE (scrollintoview, createrange, etc) non puoi aspettarti che funzionino al di fuori di esso.

Il bello, imho, è far degradare nel modo + indolore possibile (e senza errori) anche gli script + complessi

Discussione: [JAVASCRIPT] inserire testo in una posizione precisa in una textarea

Strumenti discussione

Ricerca discussione

Visualizza

[JAVASCRIPT] inserire testo in una posizione precisa in una textarea

scuse

Permessi di invio