Seleccionar y copiar todo con javascript

alexisfch · #1 (**permalink**) 31/03/2009, 19:28

Como puedo seleccionar todo el contenido de una pagina web y copiarlo con una funcion de javascript? he visto que se puede hacer con el texto de un texarea o textfield, pero mi objetivo es copiar todo, como cuando se apreta ctrl+e y luego ctrl+c, para seleccionar todo y copiarlo.

Panino5001 · #2 (**permalink**) 31/03/2009, 19:36

Así:

Código:

<!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>test</title>
<script>
function seleccionar(obj){
    if(obj.nodeName.toLowerCase()=='textarea' || (obj.nodeName.toLowerCase()=='input' && obj.type=='text')){
        obj.select();
        return;
    }
    if (window.getSelection) { 
        var sel = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(obj);
        sel.removeAllRanges();
        sel.addRange(range);
    } 
    else if (document.selection) { 
        document.selection.empty();
        var range = document.body.createTextRange();
        range.moveToElementText(obj);
        range.select();
    }
}
</script>
</head>

<body>

<a href="#" onclick="seleccionar(document.body)">seleccionar</a>
</body>
</html>

alexisfch · #3 (**permalink**) 31/03/2009, 19:39

Genial gracias amigo, pero como podria con ese mismo boton copiar lo que seleccionó?

Panino5001 · #4 (**permalink**) 31/03/2009, 19:42

Te toca trabajar un poco a vos, no te parece? ;)

alexisfch · #5 (**permalink**) 31/03/2009, 19:46

jejeje, si en eso estoy, buzeando en la web... ;)

alexisfch · #6 (**permalink**) 31/03/2009, 20:09

Cita:

Iniciado por Panino5001

Te toca trabajar un poco a vos, no te parece? ;)

Hasta que me salio:

Código HTML:

<!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>test</title>
<script>
function seleccionar(obj){
    if(obj.nodeName.toLowerCase()=='textarea' || (obj.nodeName.toLowerCase()=='input' && obj.type=='text')){
        obj.select();
        return;
    }
    if (window.getSelection) { 
        var sel = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(obj);
        sel.removeAllRanges();
        sel.addRange(range);
    } 
    else if (document.selection) { 
        document.selection.empty();
        var range = document.body.createTextRange();
        range.moveToElementText(obj);
        range.select();
    }
}
</script>
<script type="text/javascript">

function CopyToClipboard()

{

   CopiedTxt = document.selection.createRange();

   CopiedTxt.execCommand("Copy");

}

</script>
</head>

<body>

<p><a href="#" onclick="seleccionar(document.body); CopyToClipboard();">Seleccionar&amp;Copiar</a></p>
<p>&nbsp;</p>
</body>
</html>

vitro012 · #7 (**permalink**) 29/03/2010, 15:24

Hola alexisfch

Estuve probando tu código ya que me intersa hacer algo similar a lo tuyo, y funciona correctamente en IE, pero cuando lo pruebo en FireFox, no funciona del todo bien. Creo que seria bueno que lo pruebes en varios navegadores

Tal vez el problema esté en .execCommand("Copy");

ExecComen no es Standar, aquí te paso el link de una lista de compatibilidades

http://www.quirksmode.org/dom/execCommand.html

Saludos y suerte!!