Recibe ayuda de expertos
Es gratis y fácil
Respuestas, votos y comentarios
Recibe puntos, vota y da la solución
Hola, mi consulta es la siguiente: Necesito crear un botón en mi sitio web que cuando se haga clic en él, se copie toda la parte visible del sitio, es decir.. al hacer clic, sea de igual manera que: seleccionar todo el sitio (ctrol+a) y luego copiarlo (ctrol+c).
Ya que luego con esto, analizo todo lo copiado y genero un resumen del mism a través de PHP.
¿Es posible esto?, muchas gracias!
Hola, qué tal respondiendo tú duda:
Para seleccionar todo es bastante sencillo con implementar el siguiente código:
<!DOCTYPE html>
<html>
<body>
Texto: <textarea rows="4" cols="50" id="myText">
</textarea>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction() {
document.getElementById("myText").select();
}
</script>
</body>
</html>Para lo que comentas de copiar al porta papeles requiere un poco más de ciencia y de JQuery, por lo cual te recomiendo la librería de ZeroClipboard, te dejo dos ligas con documentación y demos funcionales con los cuales podrás probar esta alternativa. Link1 Link2 Saludos.
Hola gislacasares,
vamos por partes: podés seleccionar todo el documento como haciendo Ctrl + A simplemente con:
content.getSelection().selectAllChildren(content.document.body);
todo = window.getSelection();Luego, no le encuentro sentido la parte de llevarlo al portapapeles, ya que si el proceso del texto será un PHP, deberás enviarlo al servidor en dónde funciona el sitio web para el análisis, con lo que tenerlo en portapapeles de la computadora del cliente no te sirve de nada.
Lo que deberías hacer es enviar al servidor todo el texto seleccionado, por ejemplo cargando la selección a un campo oculto para enviarlo al servidor desde un formularios (ya sea con un submit o vía AJAX)
Juntándolo todo, podría ser:
<form action="tuScript.php" method="post" if="miForm">
<input type="hidden" id="data" name="data" value="">
</form>
<script type="text/javascript" >
function seleccionar(){
content.getSelection().selectAllChildren(content.document.body);
document.getElementById('data').value=window.getSelection();
document.getElementById('miForm').submit();
}
</script>
<a href="#" onclick="seleccionar()">seleccionar y enviar</a>Esto te enviará al servidor todo lo seleccionado y lo recibirás vía $_POST["data"]
Saludos!
PD: como siempre, es posible haya que hacer algo un poco diferente para versiones viejas de IE.
