disign | Javascript selezionare testo e copiarlo | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/javascript-selezionare-testo-e-copiarlo-192-46-1.html

© Luca Frassineti

Javascript 7.189 visualizzazioni

Javascript selezionare testo e copiarlo

01/07/2011

Attraverso javascript è semplicissimo far selezionare un contenuto testuale inserito in un oggetto del modulo semplicemente portando il fuoco e usando select, così:

 

textarea rows="10" cols="50" onclick="this.focus();this.select()" 
testo contenuto dentro la nostra textarea
/textarea


Vediamo invece come copiare un contenuto testuale, catturandolo da una texatera o anche da un div

 

script type="text/javascript"
function select(s) {
    var t = document.getElementById(s).innerHTML;
    alert (t);
    }
/script

a href="#"  onclick="select('box')" Copia testo div pre /a
pre id="box" name="box"
Questo è il testo contenuto nel div pre
/pre

p a href="#"  onclick="select('area')" Copia testo della textarea /a /p

textarea rows="10" cols="50" id="area" name="area"
   Questo è il testo contenuto dentro la textarea
/textarea

In questo script di esempio il testo catturato viene mostrato in un alert, naturalmente una volta catturato possiamo gestirlo diversamente!

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


© 2009 - 2024 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.