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:

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

    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:

<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:

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

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

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

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

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

    • 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.

  • 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

  • Tem como colocar uma variavel que contem uma string no lugar de ‘Texto para ser copiado aqui’;
    Ex

    var meuTexto = “Algum texto que pode ser alterado”;
    ShowLMCButton(meuTexto, ‘Copiar’, ‘mensagem()’,‘btn.swf’);

    estou tentando mas nao esta funcionando com variavel 🙁

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *