zClip jQuery: copia un testo negli appunti con jQuery

zClip è un semplice script in jQuery che ci permette di copiare negli appunti un testo preso da una textarea, o un input in generale.

Può essere molto interessante nel caso vogliate creare un vostro cms o sistema di gestione in generale, usando questo leggero script i vostri utenti potranno copiare il teste presente nella textarea o input cliccando su un solo pulsante. Lo script è molto leggero, e pertanto non appesantisce per nulla il sito.

DEMOSITO UFFICIALE

Una feature interessante è la possibilità di inserire delle callback sia prima e dopo la copia completamente personalizzate. Il funzionamento si basa su un movie swf  “invisibile” per maggiori delucidazioni vi invito a visitare il sito ufficiale che è molto curato.

01. Utilizzo e feature del plugin jQuery

L’utilizzo di base risulta molto elementare:

$(document).ready(function(){

    $('a#copy-description').zclip({
        path:'js/ZeroClipboard.swf',
        copy:$('p#description').text()
    });

      //Al click sul link copy description
     // il testo dell' id description viene copiato

    $('a#copy-dynamic').zclip({
        path:'js/ZeroClipboard.swf',
        copy:function(){return $('input#dynamic').val();}
    });

    // The link with ID "copy-dynamic" will copy the current value
    // of a dynamically changing input with the ID "dynamic"

});

 Nel plugin è possibile impostare anche alcuni effetti css3 come :hover e :active . Il plugin è compatibile con quasi tutti i browser, da IE6 in su. Insomma nel suo settore zclip non ha rivali!

Voi che ne pensate? =)

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Up Next:

jQuery Tabs : tab slider con effetto specchio css3

jQuery Tabs : tab slider con effetto specchio css3