Sistema de likes igual ao facebook

2 participantes

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

Tópico resolvido Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 11:59

Detalhes da questão


Endereço do fórum: http://jogosemaisjogos.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá,

Tem como colocar um sistema de reputação como o do Facebook?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por tikky 08.08.18 12:19

Olá @Roger123,
Crie uma Página JavaScript com revestimento Nos tópicos, com o seguinte código:
Código:
function bestskins_ls() {
    var bestskins = {
        singular: 'Curtiu isso!',
        plural: 'Curtiram isso!'
    };
    for (var x = $('.vote'), i = 0, vote; (vote = x[i++]);) {
        var qtd = 0,
            barra = $('.vote-bar', vote)[0],
            botao = $('.vote-button', vote)[0];
        if (barra) {
            var numbarra = barra.title.match(/\d+/g);
            qtd = Math.round(parseInt(numbarra[1]) * parseInt(numbarra[0])) / 100;
        }
        var numrep = qtd + ' ' + (qtd == 1 ? bestskins.singular : bestskins.plural);
        botao = botao ? '<span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like">' + numrep + '</span>' : '<span class="BS_like BS_done">' + numrep + '</span>';
        $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before(botao);
    }
    x.remove();
};
 
function bestskinsVoto(b, a) {
    var d = a.innerHTML;
    a.innerHTML = 'Carregando...';
    a.onclick = '#';
    $.get(b, function() {
        a.className += ' BS_done';
        a.innerHTML = d;
        var c = a,
            b = parseInt(/\d+/.exec(c.innerHTML)[0]) + 1;
        c.innerHTML = c.innerHTML.replace(/\d+/, b);
    });
};
document.addEventListener('DOMContentLoaded', bestskins_ls, false);


Adicione também na sua Folha de estilo, o seguinte código:
Código:
.BS_like {
    background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
    background-size: 12px;
    line-height: 18px;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    clear: both;
    display: table;
    margin: 5px;
    padding: 3px 5px 3px 25px;
    text-align: right;
    font-weight: normal;
    font-size: 11px;
    color: #666;
    cursor: pointer;
    -webkit-transition: all, 0.15s;
    -moz-transition: all, 0.15s;
    -o-transition: all, 0.15s;
    transition: all, 0.15s;
}
 
.BS_like:hover {
    background-color: #daedfb;
    color: #666;
}
 
.BS_done {
    background-color: #93bb2d;
    cursor: default;
    color: white;
}
 
.pun .entry-content .vote {
    display: none;
}


Cordialmente,
pedxz
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 12:59

Não funcionou
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro
  • 0

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por tikky 08.08.18 13:32

Mude o script para:
Código:
function bestskins_ls() {
    var bestskins = {
        singular: 'Curtiu isso!',
        plural: 'Curtiram isso!'
    };
    for (var x = $('.vote'), i = 0, vote; (vote = x[i++]);) {
        var qtd = 0,
            barra = $('.vote-bar', vote)[0],
            botao = $('.vote-button', vote)[0];
        if (barra) {
            var numbarra = barra.title.match(/\d+/g);
            qtd = Math.round(parseInt(numbarra[1]) * parseInt(numbarra[0])) / 100;
        }
        var numrep = qtd + ' ' + (qtd == 1 ? bestskins.singular : bestskins.plural);
        botao = botao ? '<span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like">' + numrep + '</span>' : '<span class="BS_like BS_done">' + numrep + '</span>';
        $('.postbody .content', vote.parentNode.parentNode.parentNode.parentNode).before(botao);
    }
    x.remove();
};
 
function bestskinsVoto(b, a) {
    var d = a.innerHTML;
    a.innerHTML = 'Carregando...';
    a.onclick = '#';
    $.get(b, function() {
        a.className += ' BS_done';
        a.innerHTML = d;
        var c = a,
            b = parseInt(/\d+/.exec(c.innerHTML)[0]) + 1;
        c.innerHTML = c.innerHTML.replace(/\d+/, b);
    });
};
document.addEventListener('DOMContentLoaded', bestskins_ls, false);
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 13:41

Tem como colocar o Adoro, Surpresa, colocar a opção de refazer e resolver o bug ao colocar like numa resposta também dar like no tópico?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por tikky 08.08.18 13:46

Infelizmente não tem, porém com o script passado em cima dá para mudar o "Gosto" e o "Não Gosto" para outras opções. "também a opção de refazer?" não dá após deixar um gosto não é possivel desfazer essa opção.


Hmmm
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 13:52

Tem como resolver o bug?
User de teste:
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por tikky 08.08.18 14:00

Tem como resolver o bug?
Qual bug, Senhor?
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 14:05

Ao colocar like no tópico/resposta coloca em todos os posts do tópico.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por tikky 08.08.18 14:09

Passe-me a sua edição do script, por favor Muito feliz
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 14:34

Código:
function bestskins_ls() {
            var bestskins = {
                singular: 'pessoa/s curtiu/ram isso!',
                plural: 'pessoa/s curtiu/ram isso!'
            };
            for (var x = $('.vote'), i = 0, vote; (vote = x[i++]);) {
                var qtd = 0,
                    barra = $('.vote-bar', vote)[0],
                    botao = $('.vote-button', vote)[0];
                if (barra) {
                    var numbarra = barra.title.match(/\d+/g);
                    qtd = Math.round(parseInt(numbarra[1]) * parseInt(numbarra[0])) / 100;
                }
                var numrep = qtd + ' ' + (qtd == 1 ? bestskins.singular : bestskins.plural);
                botao = botao ? '<span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like">' + numrep + '</span>' : '<span class="BS_like BS_done">' + numrep + '</span>';
                $('.postbody .content', vote.parentNode.parentNode.parentNode.parentNode).before(botao);
            }
            x.remove();
        };
       
        function bestskinsVoto(b, a) {
            var d = a.innerHTML;
            a.innerHTML = 'Carregando...';
            a.onclick = '#';
            $.get(b, function() {
                a.className += ' BS_done';
                a.innerHTML = d;
                var c = a,
                    b = parseInt(/\d+/.exec(c.innerHTML)[0]) + 1;
                c.innerHTML = c.innerHTML.replace(/\d+/, b);
            });
        };
        document.addEventListener('DOMContentLoaded', bestskins_ls, false);
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por tikky 08.08.18 14:39

A sua edição é "inútil", visto que o script já possuei um sistema que identifica "curtida" - singular ou "curtidas" - plural, logo ficaria:
Código:
      singular: 'pessoa curtiu isso!',
                plural: 'pessoas curtiram isso!'
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 14:53

Ah, ok!

E quanto ao erro?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por tikky 08.08.18 15:01

O erro ocorreu devido a sua edição, provavelmente Envergonhado
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 18:07

Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro
  • 0

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por tikky 08.08.18 19:42

Tente modificar o script em cima para:
Código:
function bestskins_ls() {
    var bestskins = {
        singular: 'pessoa curtiu isso!',
        plural: 'pessoas curtiram isso!'
    };
    for (var x = $('.vote'), i = 0, vote; (vote = x[i++]);) {
        var qtd = 0,
            barra = $('.vote-bar', vote)[0],
            botao = $('.vote-button', vote)[0];
        if (barra) {
            var numbarra = barra.title.match(/\d+/g);
            qtd = Math.round(parseInt(numbarra[1]) * parseInt(numbarra[0])) / 100;
        }
        var numrep = qtd + ' ' + (qtd == 1 ? bestskins.singular : bestskins.plural);
        botao = botao ? '<span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like">' + numrep + '</span>' : '<span class="BS_like BS_done">' + numrep + '</span>';
        $('.post .content', vote.parentNode.parentNode.parentNode.parentNode).before(botao);
    }
    x.remove();
};
 
function bestskinsVoto(b, a) {
    var d = a.innerHTML;
    a.innerHTML = 'Carregando...';
    a.onclick = '#';
    $.get(b, function() {
        a.className += ' BS_done';
        a.innerHTML = d;
        var c = a,
            b = parseInt(/\d+/.exec(c.innerHTML)[0]) + 1;
        c.innerHTML = c.innerHTML.replace(/\d+/, b);
    });
};
document.addEventListener('DOMContentLoaded', bestskins_ls, false);
 

Cordialmente,
pedxz
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 08.08.18 19:51

Olá,

Não funcionou... Ajuda/Confuso
Ao postar, todos os posts do tópico ficam com Likes...


Última edição por Roger123 em 09.08.18 10:10, editado 1 vez(es)
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por RafaelS. 08.08.18 19:52

Tópico resolvido


Movido para "Questões resolvidas".
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por RafaelS. 08.08.18 20:07

Tópico reaberto


O tópico foi reaberto a pedido do autor.
Tópico em curso.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por RafaelS. 09.08.18 18:23

Olá!

Leia o seguinte tópico: https://ajuda.forumeiros.com/t64222-

Até mais. Feliz
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por Convidado 09.08.18 19:49

Resolvido
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Sistema de likes igual ao facebook

Mensagem por RafaelS. 09.08.18 19:50

Tópico resolvido


Movido para "Questões resolvidas".
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

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