Botão copiar no codebox

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Botão copiar no codebox

Mensagem por CapitãoTcB 03.06.22 2:39

Detalhes da questão


Endereço do fórum: http://frthb.forumeiros.com
Versão do fórum: AwesomeBB

Descrição


Olá, Fdf.
Estou com problemas para colocar o botão copiar no codebox e acredito que seja devido a versão awesomebb.
Utilizei o seguinte código:
Código:
  $.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
 window.fae_copyCode = {
   copy : 'Copiar Código',
   copied : 'Copiado!'
 };

 $(function() {
   var a = $('.codebox dt').not('.spoiler > dt, .hidecode > dt'),
       i = 0,
       j = a.length;

   if (a[0]) {
     $('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer;}.fae_copy-code:hover{text-decoration:underline}</style>');

     for (; i < j; i++) {
       a[i].insertAdjacentHTML('beforeend', '<span class="fae_copy-code">' + fae_copyCode.copy + '</span>');
     }

     new Clipboard('.fae_copy-code',{
       target : function (copy) {
         if (copy.innerHTML != fae_copyCode.copied) {
           return $(copy).closest('.codebox').find('.cont_code, code')[0];
         }
       }

     }).on('success', function (e) {
       var copy = e.trigger;

       if (copy.innerHTML != fae_copyCode.copied) {
         copy.innerHTML = fae_copyCode.copied;
         copy.className += ' fae_copied';

         window.setTimeout(function() {
           copy.innerHTML = fae_copyCode.copy;
           copy.className = copy.className.replace('fae_copied', '');
         }, 1000);
       }

       e.clearSelection();
     });
   }

 });
});

Podem me ajudar?
CapitãoTcB

CapitãoTcB
Nível 2

Masculino
Membro desde : 25/01/2022
Mensagens : 12
Pontos ativos : 24

https://policecsn.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Botão copiar no codebox

Mensagem por pedxz 03.06.22 10:54

Olá @CapitãoTcB,

Altere o código para
Código:
$.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
window.fae_copyCode = {
  copy : 'Copiar Código',
  copied : 'Copiado!'
};

$(function() {
  var a = $('.codebox').find('p'),
      i = 0,
      j = a.length;

  if (a[0]) {
    $('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer;}.fae_copy-code:hover{text-decoration:underline}</style>');

    for (; i < j; i++) {
      a[i].insertAdjacentHTML('beforeend', '<span class="fae_copy-code">' + fae_copyCode.copy + '</span>');
    }

    new Clipboard('.fae_copy-code',{
      target : function (copy) {
        if (copy.innerHTML != fae_copyCode.copied) {
          return $(copy).closest('.codebox').find('code')[0];
        }
      }

    }).on('success', function (e) {
      var copy = e.trigger;

      if (copy.innerHTML != fae_copyCode.copied) {
        copy.innerHTML = fae_copyCode.copied;
        copy.className += ' fae_copied';

        window.setTimeout(function() {
          copy.innerHTML = fae_copyCode.copy;
          copy.className = copy.className.replace('fae_copied', '');
        }, 1000);
      }

      e.clearSelection();
    });
  }

});
});
Atenciosamente,
pedxz.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7019
Pontos ativos : 8247

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão copiar no codebox

Mensagem por CapitãoTcB 03.06.22 20:06

pedxz escreveu:Olá @CapitãoTcB,

Altere o código para
Código:
$.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
window.fae_copyCode = {
  copy : 'Copiar Código',
  copied : 'Copiado!'
};

$(function() {
  var a = $('.codebox').find('p'),
      i = 0,
      j = a.length;

  if (a[0]) {
    $('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer;}.fae_copy-code:hover{text-decoration:underline}</style>');

    for (; i < j; i++) {
      a[i].insertAdjacentHTML('beforeend', '<span class="fae_copy-code">' + fae_copyCode.copy + '</span>');
    }

    new Clipboard('.fae_copy-code',{
      target : function (copy) {
        if (copy.innerHTML != fae_copyCode.copied) {
          return $(copy).closest('.codebox').find('code')[0];
        }
      }

    }).on('success', function (e) {
      var copy = e.trigger;

      if (copy.innerHTML != fae_copyCode.copied) {
        copy.innerHTML = fae_copyCode.copied;
        copy.className += ' fae_copied';

        window.setTimeout(function() {
          copy.innerHTML = fae_copyCode.copy;
          copy.className = copy.className.replace('fae_copied', '');
        }, 1000);
      }

      e.clearSelection();
    });
  }

});
});
Atenciosamente,
pedxz.

Deu certo, muito obrigado. Feliz
CapitãoTcB

CapitãoTcB
Nível 2

Masculino
Membro desde : 25/01/2022
Mensagens : 12
Pontos ativos : 24

https://policecsn.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Botão copiar no codebox

Mensagem por pedxz 03.06.22 21:59

Tópico resolvido


Movido para "Questões resolvidas".
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7019
Pontos ativos : 8247

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos