disign | Jquery: copiare negli appunti contenuto campo | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/jquery-copiare-negli-appunti-contenuto-campo-319-46-1.html

© Luca Frassineti

Javascript 7.155 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="https://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!

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.