Selezionare e copiare il contenuto di una textarea in un solo click | Articoli Javascript

domenica 27 luglio 2008

Risorse

Sfondi per siti web

Menù

Login Form

Home

Javascript

Articoli Javascript

Selezionare e copiare il contenuto di una textarea in un solo click

Selezionare e copiare il contenuto di una textarea in un solo click

Scritto da Vincenzo

E' molto comodo e professionale dare agli utenti la possibilità di selezionare e copiare il contenuto di una textarea in un solo click, la cosa non è molto difficile.

Innanzitutto creiamo il form in cui sarà inserita la textarea:

<form name="prova_textarea" id="prova_textarea"> <textarea name="textarea_copia" id="textarea_copia"> Contenuto della textarea </textarea> </form>

Ora che è stato creato il form di nome 'prova_textarea' e la textarea chiamata 'textarea_copia', bisogna implementare il codice Javascript:

<script language="javascript" type="text/javascript"> function copia_testo(){ document.prova_textarea.textarea_copia.select(); document.execCommand('Copy'); } </script>

Questa funzione (che dovrà essere inserita tra i tag <head> ed </head> della pagina), e divisa in due parti:

Il comando document.nomeform.nometextarea.select() serve per selezionare il contenuto della textarea, mentre il comando document.execCommand('Copy') serve a copiare il testo selezionato.

Per richiamare la funzione si ha bisogno di un link:

<a href="#" onClick="copia_testo()">copia</a>

Questa funzione può essere applicata anche ad un campo 'text' o ad un div, ecco un esempio , che funziona però solo con Internet Explorer