Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
788
Assunto : DHTML
Titulo: Copiando código para o clipBoard

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon



Especialmente em sites que exibem muito código, é interessante fornecer aos usuários a possibilidade de copiar o código para o clipBoard para que este seja colado em uma ferramenta de desenvolvimento.

Podemos utilizar código javascript para fazer a cópia para o clipBoard de forma que apenas clicando em um botão ou link o código seja copiado para o clipBoard, simplificando a visa do visitante.

Veja uma função javascript para realizar a cópia para o clipBoard :

function copyToClipboard(pre){
if(document.getElementById||(document.all && !(document.getElementById))){
textarea1.value = pre.innerText;
var Copied = textarea1.createTextRange();
Copied.execCommand("Copy");
alert("Copied to clipboard.");
}
}

A função recebe como parâmetro uma variável PRE, que pode ser, por exemplo, uma tag PRE na página.

O primeiro IF da função é uma verificação se estamos trabalhando realmente no internet explorer, porque o que vem depois é código específico do IE.

Primeiro o conteúdo do PRE (innerText) é passado para um objeto textArea, este objeto já estava na página, oculto.

No objeto textArea disparamos o método createTextRange, este método nos dará o objeto sobre o qual poderemos fazer a cópia para o clipBoard.

Por fim, utilizamos o método execCommand("Copy") para copiar o texto (código) para o clipBoard. Observe que "Copy" é um parâmetro, o método execCommand aceita inúmeros outros parâmetros úteis.

Para saber mais sobre o execCommand : http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/execcommand.asp

Para ver uma lista dos parâmetros aceitos pelo execCommand : http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/commandids.asp



Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 2/1/2017 2:33:00 AM
nome: yFoAmrwAaFrdFjmr
email: derby451@hotmail.com
comentário:
ajZLRI http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/31/2017 10:34:00 AM
nome: PFquPqjkYQnjBNu
email: derby451@hotmail.com
comentário:
FQAvK9 http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/30/2017 1:41:00 AM
nome: oURdCjGlRIYpG
email: derby451@hotmail.com
comentário:
RsUHeZ http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/30/2017 12:26:00 AM
nome: GYwwPyjDov
email: jogcbfn@hotmail.com
comentário:
KhzSDm http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 7:51:00 AM
nome: SrXWzIumbNilkeZbj
email: jogcbfn@hotmail.com
comentário:
fpCp5o http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br