Jquery: copiare negli appunti contenuto campo
25/01/2012Tra 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!