Suscríbete:
  • Buscar

  • Meta

  • Archivos

  • Categorías

  • Entradas recientes

ZeroClipboard: Copia al portapapeles desde Javascript

Sin comentarios »

David Walsh publicó hace unos días una implementación del método con flash para poder interactuar con el portapapeles desde nuestro Javascript

// HTML
<script type="text/javascript" src="ZeroClipboard.js"></script>
<textarea name="box-content" id="box-content" rows="5" cols="70">
 The David Walsh Blog is the best blog around!  MooTools FTW!
</textarea>
<br /><br />
<p><input type="button" id="copy" name="copy" value="Copy to Clipboard" /></p>
// Javascript

 ZeroClipboard.setMoviePath('http://davidwalsh.name/dw-content/ZeroClipboard.swf');
 // Creamos el cliente
 var clip = new ZeroClipboard.Client();

 // Eventos
 clip.addEventListener('mousedown',function() {
 clip.setText(document.getElementById('box-content').value);
 });
 clip.addEventListener('complete',function(client,text) {
 alert('copied: ' + text);
 });

 clip.glue('copy');

Este sistema se basa en el uso de un pequeño componente SWF al que le puedes enviar un texto y este se encarga de alojarlo en el portapapeles para posteriormente usarlo con cualquier aplicación. David pone a nuestra disposición el script en un proyecto de Google Code para que podamos integrarlo fácilmente en nuestros proyectos.

Fuente: aNieto2K

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon


Etiquetas: , ,

Categorías: Javascript, Programación

Deja un comentario.

Security Code: