Você está aqui: Home / como copiar texto para area de transferencia com javascript flash

Como copiar texto para área de Transferência com Javascript Flash



Já precisou copiar um texto para a área de transferência utilizando Javascript? Sabe como fazer isso? Se não sabe, meu amigo, está no lugar certo e na hora certa, rs. Vou te mostrar neste artigo como copiar texto para área de Transferência com Javascript Flash

Muita gente usa a seguinte ténica:

a) Usuario clica sobre uma caixa de texto
b) A caixa fica selecionada automaticamente
c) O usuário precisa ainda copiar manualmente com Ctrl + C.

Essa idéia é usada em vários sites, mas como fazer caso vocÊ quisesse apenas um botão que ao ser clicado, copiasse um texto específico para a área de transferência? Continue lendo…

Como copiar texto para área de Transferência com Javascript Flash

A dica aqui é o LMCButton, que é composto por um botãozinho flash e códigos javascript. Veja como funciona:

  • Baixe o pack aqui http://www.lettersmarket.com/uploads/lettersmarket/lmcbutton/lmcbutton.zip
  • Descompacte e você terá três arquivos: um .js, outro .swf e uma página de exemplo.
  • Tudo que tu precisa fazer é incluir o arquivo .js da seguinte forma:

    1. <script type="text/javascript" src="lmcbutton.js"></script>
    <script type="text/javascript" src="lmcbutton.js"></script>
  • Feito isso, basta chamar a função ShowLMCButton da seguinte forma:

    1. ShowLMCButton(‘Texto para ser copiado aqui’, ‘Copiar’);
    ShowLMCButton('Texto para ser copiado aqui', 'Copiar');

    O primeiro parâmetro é o texto que deve ser copiado para a área de transferência, o segundo parâmetro é o texto que vai aparecer no botão (coloque um texto pequeno para ser exibido no botão, pois o botão é pequenininho).

Isso é tudo, agora ao abrir a página o usuário verá o botão copiar para poder copiar algo para a área de transferência.

Veja este código abaixo:

  1. <html>
  2. <script type="text/javascript" src="lmcbutton.js"></script>
  3.  
  4. <body>
  5.  
  6. <h2>Texto para ser copiado aqui</h2>
  7.  
  8. <script>
  9. ShowLMCButton(‘Texto para ser copiado aqui’, ‘Copiar’);
  10. </script>
  11.  
  12. </body>
  13. </html>
<html>
<script type="text/javascript" src="lmcbutton.js"></script>

<body>

<h2>Texto para ser copiado aqui</h2>

<script>
ShowLMCButton('Texto para ser copiado aqui', 'Copiar');
</script>

</body>
</html>

Este código de página html básico vai exibir o seguinte:

Como copiar texto para área de Transferência com Javascript Flash

Conclusão

Também é possível passar um terceiro parâmetro que seria uma função javascript que seria executada ao clicar no botão. Há ainda um quarto parâmetro que seria o url e nome do botão .swf (útil caso você modifique o nome do botão ou coloque ele em uma pasta separada).

Para encerrar, veja o código onde eu uso os quatro parâmetros:

  1. <html>
  2. <script type="text/javascript" src="lmcbutton.js"></script>
  3.  
  4. <script>
  5.  
  6. function mensagem(){
  7.     alert("bem vindo");
  8. }
  9.  
  10. </script>
  11. <body>
  12.  
  13. <h2>Texto para ser copiado aqui</h2>
  14.  
  15. <script>
  16. ShowLMCButton(‘Texto para ser copiado aqui’, ‘Copiar’, ‘mensagem()’,‘btn.swf’);
  17. </script>
  18.  
  19. </body>
  20. </html>
<html>
<script type="text/javascript" src="lmcbutton.js"></script>

<script> 

function mensagem(){
	alert("bem vindo");	
}

</script>
<body>

<h2>Texto para ser copiado aqui</h2>

<script>
ShowLMCButton('Texto para ser copiado aqui', 'Copiar', 'mensagem()','btn.swf');
</script>

</body>
</html>

Agora, ao clicar no botãozinho, além do texto ser copiado para a área de transferência (memória), uma mensagem (alert) de boas vindas será exibida para o usuário.

Se ficou alguma dúvida, poste nos comentários que a gente responde.

Até já!


6 respostas a Como copiar texto para área de Transferência com Javascript Flash

Página 1 de 11
  • Neide

    Gostei da dica. Tava procurando exatamente isso aí na internet e não encontrava, hehe

    09/05Responder
    • Fabricio

      QUe legal que o artigo te ajudou Neide, continue participando aqui do site sempre que puder. Até já!

      09/05Responder
  • Glicerio

    Gostaria de saber se é possivel copiar um texto especifico apenas clicando no proprio texto.

    11/07Responder
    • Robson

      enfia uma funçlão no evento do onclique da div do texto, esta função chupa o conteudo da div par auma variavel global, innerHTML , ai se tem dois caminhos, se tiver como chamar a função do flash, chamea para ler a global, se não vai ter que um temporizador no flash para ver se a cada 250ms a variavel global tem conteudo, se tiver joga para a area de trabalho.

      mó funçlão mas da.

      19/07Responder
  • ricardo souza costa

    muito bacana a dica
    me diz uma coisa como faco para colocar o texto de codigos html com esse desenho atras como se fosse o desenho de um compilador; muito massa ver os codigos dessa maneira com numero de linha e tudo mais

    16/10Responder
Página 1 de 11

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code lang=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" extra="">

Quem sou Eu? Bem, meu nome é Anderson Makiyama, moro em Joinville SC com minha esposa e meus dois filhos amados. Já trabalho APENAS pela internet há mais de 10 anos.

Mais Detalhes sobre Mim
FIQUE ATUALIZADO
Cadastre seu email Aqui
para Receber Gratuitamente
as atualizações do Blog