ZeroClipboard: Librería Javascript para copiar al portapapeles

0 - , - 08/02/2009 10:30:00

ZeroClipboard es una librería javascript que utiliza un swf para copiar contenido en nuestro portapapeles. Es totalmente compatible con Flash Player 10. Un ejemplo de uso muy sencillo sería:

<html>
<head>
<title>Zero Clipboard</title>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script language="JavaScript">
	var clip = null;
	function $(id) { return document.getElementById(id); }
	function init() {
		clip = new ZeroClipboard.Client();
		clip.addEventListener('mouseDown', click_de_raton);
		clip.glue( 'boton_copiar' );
	}
	function click_de_raton(client) {
		clip.setText( $('mi_caja').value );
	}
</script>
</head>
<body onLoad="init()">
<p><textarea id="mi_caja" cols=50 rows=5></textarea></p>
<input type="button" id="boton_copiar" value="Copiar">
</body>
</html>

Hay dos elementos fundamentales. "boton_copiar" es el elemento que al ser pulsado ejecutará la acción de copiar. Este elemento puede ser un texto, una imagen, un botón... El segundo elemento es "mi_caja" que es el textarea del que se copiará el texto. Lo demás, la inclusión de la librería, las funciones que asocian elementos con acciones y la inicialización a la carga del body: <body onLoad="init()">

Ver ejemplo en funcionamiento » »

Descargar ejemplo completo » »

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha