Prelevare testo selezionato da una textarea [jQuery + Javascript]

17-10-2011, 16.25.03

Come si può mediante jQuery o javascript nativo, prelevare il testo selezionato da una determinata textarea e ancora, come si può sostituire quel testo selezionato con nuovo testo. Quello che sono riuscito a trovare googlando qua e là è questo:

Codice HTML:

  function getSelectedText() {
    if (window.getSelection) {
        return window.getSelection();
    }
    else if (document.selection) {
        return document.selection.createRange().text;
    }
    return '';
  }

Come posso modificarlo per il mio scopo?

Grazie in anticipo,

Francesco.

**karl94** · 17-10-2011, 16.42.40

Quel codice ti permette di ottenere solo il testo del documento che è selezionato, non il valore inserito all'interno dei vari campi di un modulo.
Per fare ciò che ti serve devi usare il DOM, specialmente le proprietà selectionStart e selectionEnd, indicanti rispettivamente l'indice del primo carattere appartenente alla selezione e l'indice dell'ultimo.

17-10-2011, 21.11.10

mi potresti fare un'esempio o scrivermi la funzione?

**karl94** · 17-10-2011, 21.20.28

Codice PHP:


function getSelectedInputText(element){
    return element.value.substring(element.selectionStart, element.selectionEnd);
}

18-10-2011, 22.26.47

A me continua a non funzionare ti posto il codice completo:

Codice HTML:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".b").click(function() {
		var x = getSelectedInputText($(".txt"));
		alert(x);
	});
});
function getSelectedInputText(element){
    return element.value.substring(element.selectionStart, element.selectionEnd);
}  

</script>
</head>

<body>
  <nav>
    <ul>
      <li><input type="button" class="button b" value="b" /></li>
  	  <li><input type="button" class="button i" value="i" /></li>
  	  <li><input type="button" class="button u" value="u" /></li>
    </ul>
  </nav>
  <article>
    <textarea class="txt"></textarea>
  </article>
</body>
</html>

**karl94** · 19-10-2011, 15.13.02

Tu non passi alla funzione un oggetto DOM, ma un oggetto JQuery che lo racchiude. Devi fornire alla funzione l'oggetto DOM nativo.

14-08-2012, 08.45.42

scusa se mi intrometto sono interessato anche io a questo argomento.

se ho una textarea "message" come posso implementare la tua funzione?

Discussione: Prelevare testo selezionato da una textarea [jQuery + Javascript]

LinkBack

Strumenti discussione

Display

Prelevare testo selezionato da una textarea [jQuery + Javascript]

Regole di scrittura