disign.it | Jquery: copiare negli appunti contenuto campo | a digital sign for a best design!
A digital sign for a best design
Javascript 4.402 visualizzazioni

Jquery: copiare negli appunti contenuto campo

25/01/2012

Tra le tante funzionalità offerte da sviluppo di librerie Jquery segnalo questa utility che permette di offrire all'utente la possibilità di copiare un contenuto senza dover selezionare ed eseguire il CTRL + C.
La libreria necessaria (oltre a quella Jquery più aggiornata come avevo segnalato qui) la può esser scaricata qui.
Per implementare l'uso, il codice è questo (sostituire le parentesi quadre con le angolari), nella sezione head il richiamo ai js:
[script src="http://code.jquery.com/jquery-latest.js"][/script]
[script type="text/javascript" src="jquery.clipboard.js"][/script]


La chiamata della funzione sarà:
$(function() {
        $.clipboardReady(function(){       
            $("#copia").click(function(){
                $.clipboard($("#iltestodacopiare").val());
                return false;
            });
        });
    });


Infine nell'html
[textarea id="iltestodacopiare"]Nella textarea inserire il testo da copiare[/textarea]
[input type="button" value="Copia" id="copia"]


Naturalmente possiamo intervenire con i CSS per 'nascondere' textarea e button!

← PHP: lettere maiuscole accentate Javascript: richiesta di conferma →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

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