Ir para conteúdo
  • 0

Botão copiar

Luiiiz

Perguntado por Luiiiz,

 Compartilhar

Pergunta

7 respostass a esta questão

Posts Recomendados

Rezende

Rezende

Postado
Postado

Não precisa esconder que é do CubeMarket xD

 

Eu roubei do Sky mesmo, nem ligo.

<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.13/clipboard.min.js"></script>

<script type="text/javascript">
    var clipboard = new Clipboard('.copyIp');
    var clipboardaction = false;
    clipboard.on('success', function(e) {
        if (!clipboardaction) {
            clipboardaction = true;
            $('.copyIp').hide().html("<span style='color:#ddd;'>Copiado!</span>").fadeIn('slow');
            setTimeout(function() {
                $('.copyIp').hide().html("JOGAR.SEUIP.COM.BR").fadeIn('slow');
                setTimeout(function() {
                    clipboardaction = false;
                }, 1000);
            }, 1000);
        }
    });
</script>

<div class="copyIp" data-clipboard-text="JOGAR.SEUIP.COM.BR">JOGAR.SEUIP.COM.BR</div>

O primeiro é o JS

O segundo é o HTML, aonde o botão fica

1
Link para o comentário
Compartilhar em outros sites
Dery

Dery

Postado
Postado 
var copiar = $("<input type='text' value='texto a ser copiado aqui'>");
$("body").append(copiar);
copiar.val("texto a ser copiado aqui").select();
document.execCommand("copy");
copiar.remove();

Precisa de jQuery

Link para o comentário
Compartilhar em outros sites
Luiiiz

Luiiiz

Postado
  • Autor
Postado 
var copiar = $("<input type='text' value='texto a ser copiado aqui'>");
$("body").append(copiar);
copiar.val("texto a ser copiado aqui").select();
document.execCommand("copy");
copiar.remove();

Precisa de jQuery

 

Sem querer ser muito "pidão" mas poderia fazer um code pequeno ja pronto para eu ver com funciona? Já que, eu nao sei jquery e nem sei como colocar já o botão

Link para o comentário
Compartilhar em outros sites
Pica-Pau

Pica-Pau

Postado
Postado

Sem querer ser muito "pidão" mas poderia fazer um code pequeno ja pronto para eu ver com funciona? Já que, eu nao sei jquery e nem sei como colocar já o botão

 

Ele nesse code tá colocando o input automáticamente no body, só você usar o "$(document).ready(function () {", que ele executará e você verá o botão lá, agora você deve colocar ele no HTML manualmente. Ex:

 

 


<html>
  <head/>
  <body>
    <input type="button" id="copiar" value="jogar.meuservidor.com.br"/>
   
    <script>
      $(document).on('click', '#copiar', function() {
        // CÓDIGO DO CARA, RETIRA O APPEND E PEGA A PARTE EM QUE ELE ADICIONA O TEXTO E COPIA AO BOTÃO.
      });
    </script>
  </body>
</html>
Link para o comentário
Compartilhar em outros sites
Luiiiz

Luiiiz

Postado
  • Autor
Postado

Não precisa esconder que é do CubeMarket xD

 

Eu roubei do Sky mesmo, nem ligo.

<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.13/clipboard.min.js"></script>

<script type="text/javascript">
    var clipboard = new Clipboard('.copyIp');
    var clipboardaction = false;
    clipboard.on('success', function(e) {
        if (!clipboardaction) {
            clipboardaction = true;
            $('.copyIp').hide().html("<span style='color:#ddd;'>Copiado!</span>").fadeIn('slow');
            setTimeout(function() {
                $('.copyIp').hide().html("JOGAR.SEUIP.COM.BR").fadeIn('slow');
                setTimeout(function() {
                    clipboardaction = false;
                }, 1000);
            }, 1000);
        }
    });
</script>

<div class="copyIp" data-clipboard-text="JOGAR.SEUIP.COM.BR">JOGAR.SEUIP.COM.BR</div>

O primeiro é o JS

O segundo é o HTML, aonde o botão fica

kkkkkkk <3 o seu funfou

Link para o comentário
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
 Compartilhar
Ir para lista de perguntas

  • Quem está navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...