destacados

Gabriel Da Silva

Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.

B&W Helmut Newton

Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.

Judith Erwes

Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.

Jody Rogac

Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.

Publicaciones

ZeroClipboard: Librería Javascript para copiar al portapapeles

, 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 » »

Páginas: 1
comentarioscomentarios