Javascript - aggiunta di un testo ad una textarea nella posizione corrente del cursore

Forum - Javascript - aggiunta di un testo ad una textarea nella posizione corrente del cursore

mikko (Normal User)
Newbie

Messaggi: 7
Iscritto: 27/09/2009

Postato alle 22:14
Venerdì, 06/05/2011

Salve, avrei bisogno di un aiuto per quanto riguarda l'aggiunta di un testo in una textarea nella posizione corrente del cursore lampeggiante utilizzando dei link, posto il codice per farvi vedere cosa sono riuscito a fare :

<script type="text/javascript" language="javascript">
function aggiungi_immagine(obj_id,tag){
document.getElementById(obj_id).value += '<img src="'+tag + prompt('Inserisci link immagine') + '">';}
</script>

<a onclick="aggiungi_immagine('whats-new','')" title="Aggiungi immagine da link">Inserisci</a>

Questo codice richiama un prompt dove inserire il link dell'immagine e successivamente premendo il pulsante ok della finestra di dialogo viene aggiunto il codice html con il link inserito all'interno della textarea che in questo caso ha il nome di whats-new, purtroppo però il codice viene inserito in coda al testo già presente nella text area e questo è dovuto al codice "value +=" e vorrei sapere a questo punto come fare per inserire il codice nel punto esatto dove si trova il cursore di scrittura ?

Vi ringrazio in anticipo e aspetto con ansia il vostro aiuto!!!

Ultima modifica effettuata da mikko il 06/05/2011 alle 22:19

a_butta (Member)
Expert

Messaggi: 578
Iscritto: 16/03/2010

Postato alle 23:27
Venerdì, 06/05/2011

Beh basta che prendi ad esempio i codici che utilizza pierotofy ogni volta che tu scrivi un thread o una risposta. Usa una funzione addslashes('codice'). Esattamente:

Codice sorgente - presumibilmente Delphi

<html>
<head>
  ...
</head>
...
<script type="text/javascript" language='javascript'>
function addsmile(word) {
  field = document.getElementById('message');
  if (document.selection) {
    field.focus();
    var sel = document.selection.createRange();
    sel.text = word;
    sel.select();
  } else if (field.selectionStart || field.selectionStart == '0') {
    var start = field.selectionStart;
    var end = field.selectionEnd;
    var scroll = field.scrollTop;
    field.value = field.value.substring(0, start) + word + field.value.substring(end, field.value.length);
    field.focus();
    field.selectionStart = start + word.length;
    field.selectionEnd = start + word.length;
    field.scrollTop = scroll;
  } else {
    field.value += word;
    field.focus();
  }
}
</script>

Adattala a quello che ti serve e hai finito

Ultima modifica effettuata da a_butta il 06/05/2011 alle 23:28

Mte90 (Member)
Guru

Messaggi: 1144
Iscritto: 25/03/2008

Postato alle 23:27
Venerdì, 06/05/2011

Per fortuna che c'è google.
http://alexking.org/blog/2003/06/02/inserting-at-the-curso ...

mikko (Normal User)
Newbie

Messaggi: 7
Iscritto: 27/09/2009

Postato alle 23:30
Venerdì, 06/05/2011

grazie della risposta ragazzi

vedrò come adattare il tutto con il mio codice, grazie ancora!

mikko (Normal User)
Newbie

Messaggi: 7
Iscritto: 27/09/2009

Postato alle 23:43
Venerdì, 06/05/2011

ho risolto grazie al primo esempio di a_butta, grazie anche a te,Mte90, siete stati entrambi gentilissimi!