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á!

RECEBA NOVIDADES E DICAS GRATIS NO EMAIL

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

Página 1 de 11
  • Gostei da dica. Tava procurando exatamente isso aí na internet e não encontrava, hehe

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

      09/05Responder
      Fabricio
  • Gostaria de saber se é possivel copiar um texto especifico apenas clicando no proprio texto.

    11/07Responder
    Glicerio
    • 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
      Robson
  • 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
    ricardo souza costa
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="">

RECEBA NOVIDADES GRÁTIS NO EMAIL

temas wordpress 2013 2014
Receba Novidades Grátis no teu Email!
Cadastre teu email abaixo
Atenção: Confirme o cadastro no teu email!
BY FEEDBURNER