JS : Zero Clipboard

Le 15 janvier 2013 — par

Zero Clipboard est un script utilisé dans une récente mise à jour de GitHub pour permettre à l’utilisateur de copier l’URL des dépôts Git. Comme souvent avec GitHub, le script est open-source et maintenant hébergé sur la plate-forme.

L’utilisation est on ne peut plus simple ce qui en fait un avantage indéniable de Zero Clipboard. Le deuxième avantage est que tout le script est transparent, d’où le Zero.

Seuls deux fichiers sont nécessaires pour l’intégrer sur votre site : ZeroClipboard.js et ZeroClipboard.swf.

<html>
  <body>
    <button id="copy-button" data-clipboard-text="Copiez-moi" title="Cliquez pour me copier.">Presse-papier</button>
    <script src="ZeroClipboard.js"></script>
    <script src="main.js"></script>
  </body>
</html>

Et dans main.js, appelez ZeroClipboard :

ZeroClipboard.setMoviePath("/chemin/ZeroClipboard.swf");
var clip = new ZeroClipboard.Client("#copy-button");

clip.on('complete', function(client, args) {
  alert("Le texte a été copié : " + args.text);
});

Évidemment les deux problèmes du copier-coller via une page Web sont valables aussi pour ce script :

  • Flash est obligatoire.
  • L’utilisateur doit forcément cliquer pour modifier le presse-papier.
S'abonner au flux RSS du blog
Recevoir les nouveaux articles par e-mail :