Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

girotto000

Botão clique para copiar

Por , em Desenvolvimento frontend

Recommended Posts

Vamberto    0

Vamberto
Postado

Falae gitotto00 existe um código em javascript que faz isso, segue o código abaixo:

 

Este código apresenta um botão que seleciona a copia o conteúdo da textarea para a área de transferência. Além de apresentar uma mensagem na barra de status.

 

 

<form>
<SCRIPT LANGUAGE="JavaScript">
var copytoclip=1
function HighlightAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&&copytoclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="Conteúdo selecionado e copiado para a área de transferência!"
setTimeout("window.status=''",2400);
}
}
function highlight(field) {
field.focus();
field.select();
}
function goToURL() { window.location = "javascript:HighlightAll('forms[0].select')"; }
</script>
<textarea name="select"onClick='highlight(this);'>TEXTO</textarea><br>
<input type=button value="Selecionar e Copiar" onClick="goToURL()"></p>
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

usa assim:

<html>
<head>
<title>Teste do botão de copiar</title>

<script>
<!--
//copiar o texto
function Luxther(orn) {
defaul.orn.value=".";
}
var copytoclip=1
function copiar(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&&copytoclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
}
}
//-->
</script>

</head>

<body>

<form name=box>

<textarea style="background: #fafafa; color: #333; font-size: 12px; font-weight: bolder; padding: 5px;" name=story rows=10 cols=50>Este é um exemplo de colocar códigos fontes em suas páginas e deixar os visitantes copiarem todo o seu conteúdo</textarea>

<br />
<br />


<input style="background: #fafafa; color: #333; font-size: 10px; border: 2px solid #999;" onclick="java script:alert(''Clique
no botão : Copiar Texto que automaticamente o texto selecionado vai
para a sua àrea de transferência. Depois cole aonde quiser'')" type=button value="Ajuda">

<input style="background: #fafafa; color: #333; font-size: 10px; border: 2px solid #999;" onclick="java script:copiar(''box.story'')" type=button value="Copiar Texto">

</form>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alguém    0

Alguém
Postado

o codigo javascript para copiar foi desabilitado devido segurança de navegadores e bla bla bla, agora vc precisara ter mais dor de cabeça pra achar um codigo q funcione na net

Compartilhar este post

Link para o post
Compartilhar em outros sites

dhiego22    0

dhiego22
Postado

O que o Vamberto passou funcionou!

Mas gostaria de saber como colocar outra caixa de texto e outro botão?

Eu fiz assim e infelizmente não funcionou:

<form>
<SCRIPT LANGUAGE="JavaScript">
var copytoclip=1
function HighlightAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
 if (document.all&&copytoclip==1){
  therange=tempval.createTextRange()
  therange.execCommand("Copy")
  window.status="Conteúdo selecionado e copiado para a área de transferência!"
  setTimeout("window.status=''",2400);
  }
}
 
function highlight(field) {
       field.focus();
       field.select();
}
 
function goToURL() { window.location = "javascript:HighlightAll('forms[0].select')"; }
</script>
<textarea name="select"onClick='highlight(this);'>TEXTO</textarea><br>
<input type=button value="Selecionar e Copiar" onClick="goToURL()"></p><br>

<textarea name="select"onClick='highlight(this);'>TEXTO2</textarea><br>
<input type=button value="Selecionar e Copiar" onClick="goToURL()"></p>


</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito