Copiar contenido div

[Briss]

Hola a todos es posible copiar el contenido de un div imagenes y texto con un botón en google chrome... he encontrado ejemplos pero solo funcionan en explorer

[Alexis88]

Partiendo de algo como esto:

Código HTML:

<div id = "a">
    <img src = "imagen.jpg" />
    Texto de ejemplo.
</div>
 
<div id = "b"></div>
 
<button id = "c">Botón</button>
 

Tienes dos opciones:

La primera, crear una copia del contenido del primer <div> y asignarlo al segundo mediante la propiedad innerHTML.

Código Javascript:

document.querySelector("#c").addEventListener("click", function(){
    document.querySelector("#b").innerHTML = document.querySelector("#a").innerHTML;
}, false);
 

DEMO

Y la segunda, es creando un clon del primer <div> usando el método cloneNode.

Código Javascript:

document.querySelector("#c").addEventListener("click", function(){
    document.body.insertBefore(document.querySelector("#a").cloneNode(true), this);
}, false);
 

DEMO

En el último ejemplo, estoy insertando el <div> clon antes del botón, además, asigno el parámetro true para que la copia sea tanto del propio elemento como de su contenido. Para este caso, ya no sería necesario crear un segundo <div>.

Saludos

[Briss]

Gracias amigo, pero necesito copiar el contenido del div para pegarlo en Excel

existe algun metodo para que si no puedo copiarlo al menas pueda seleccionar el contenido y mandar un alert como "Ahora presiona Ctrl + C para copiar"...

[Alexis88]

Si piensas copiar y pegar el contenido directamente, no veo necesidad de hacer eso último.

Acostúmbrate a escribir la descripción completa de tu problema.

[Briss]

Perdón... la idea es copiar el contenido del div mediante un botón y después pegarlo en Excel o Word... pero no he encontrado nada

lo que he visto solo funciona en explorer

[Alexis88]

Es que ya no se permite copiar datos (clipboard) por un tema de seguridad. IE lo permite pero en versiones antiguas.

Saludos

[Briss]

Gracias Alexis
Encontre esto con Jquery... añadi el mensaje para copiar
<script type="text/javascript">
$(document).ready(function(){

// Con este código seleccionamos el contenido del campo con el id 'texto'
$("#texto").select();

// Con este código seleccionamos el contenido de textarea bajo petición
$("#selectall").click( function(){
$("#areatexto").select();
alert ('Ctrl + c Para Copiar');
return false;
});

});
</script>

Pero entonces no hay nada para que cuando den aceptar se ejecute Ctrl+C... Forzosamente el usuario va tener que hacerlo... (sé que no hay problema, pero el cliente nunca quiere hacer nada xD )

[Alexis88]

Sé que hay plugins que permiten emular esa función, pero no es necesario, ni que costara tanto trabajo hacer un Ctrl + C.

Saludos

[Briss]

los clientes son unos loquillos
saludos mi buen Alexis :)