Return to Snippet

Revision: 9175
at October 24, 2008 04:20 by septimoc


Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>


<script language="javascript">

// Guardamos el nombre del navegador utilizado
var navegador = navigator.appName;

/* Definimos el valor de la variable booleana que nos permite mostrar u 
ocultar el mensaje de alerta una vez que el texto es copiado al portapapeles */
var mensaje = true; // Valores posibles: true (se muestra), false (se oculta)

// Creamos la función para escribir el enlace que ejecuta el copiado
function compatible () {

	// Si el navegador es IE se ejecuta
	if (navegador == "Microsoft Internet Explorer") {
		//Escribimos el enlace en el objeto ID portapapeles
		document.getElementById('portapapeles').innerHTML = '<a href="javascript:void(0)"'+
		'onclick="copiaPortapapeles()"> Copiar texto al portapapeles </a>';
	}
	
	// De otra manera no escribimos nada
	else {
	}

} // Fin de la función compatible()

// Creamos la función para copiar el texto al portapapeles
function copiaPortapapeles () {

	// Seleccionamos el texto que vamos a copiar
	document.getElementById("texto").select();
	// Copiamos el texto al portapapeles de windows
	window.clipboardData.setData("Text", document.getElementById("texto").value);
	// Si mensaje es true se ejecuta
	if (mensaje) {
		// Mostramos el mensaje de alerta
		alert('Texto copiado al portapapeles!!!');
	}

} // Fin de la función copiaPortapapeles()

// Ejecutamos la función a la carga de la página
window.onload = compatible;

</script>

</HEAD>

<BODY>

<!-- Creamos un objeto DIV para escribir el enlace que nos permite copiar 
el texto al portapapeles. -->
<DIV id="portapapeles"></DIV>


<P>
<!-- Creamos un cuadro, el cual tendrá el texto que vamos a copiar. -->
	<TEXTAREA rows="10" cols="50" id="texto">
Este texto se copiar&aacute; al portapapeles del sistema.
El Ejemplo JavaScript es compatible con el navegador Internet Explorer,
por lo tanto, si utilizas otro navegador, el enlace que permite copiar el
texto de este textarea al portapapeles no estar&aacute; disponible.
	</TEXTAREA>
</P>

</BODY>

</html>

Initial URL


Initial Description


Initial Title
Copiar texto al portapapeles de Windows con JavaScript

Initial Tags


Initial Language
JavaScript