Sistema de likes igual ao facebook

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

Atendido / Resolvido Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 07:59 am

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?
avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Pedxz em 08/08/18, 08:19 am

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1842
Pontos Ativos : 2366

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 08:59 am

Não funcionou
avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/
  • 0

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Pedxz em 08/08/18, 09:32 am

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);


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1842
Pontos Ativos : 2366

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 09:41 am

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?
avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Pedxz em 08/08/18, 09:46 am

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1842
Pontos Ativos : 2366

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 09:52 am

Tem como resolver o bug?
User de teste:
avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Pedxz em 08/08/18, 10:00 am

Tem como resolver o bug?
Qual bug, Senhor?


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1842
Pontos Ativos : 2366

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 10:05 am

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

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Pedxz em 08/08/18, 10:09 am

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1842
Pontos Ativos : 2366

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 10:34 am

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);
avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Pedxz em 08/08/18, 10:39 am

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!'


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1842
Pontos Ativos : 2366

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 10:53 am

Ah, ok!

E quanto ao erro?
avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Pedxz em 08/08/18, 11:01 am

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1842
Pontos Ativos : 2366

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 02:07 pm

avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/
  • 0

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Pedxz em 08/08/18, 03:42 pm

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1842
Pontos Ativos : 2366

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 08/08/18, 03:51 pm

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, 06:10 am, editado 1 vez(es)
avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por RafaelS. em 08/08/18, 03:52 pm

Tópico resolvido


Movido para "Questões resolvidas".




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3918
Pontos Ativos : 4943

Ver perfil do usuário http://techmais.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por RafaelS. em 08/08/18, 04:07 pm

Tópico reaberto


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




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3918
Pontos Ativos : 4943

Ver perfil do usuário http://techmais.forumeiros.com/
  • 0

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por RafaelS. em 09/08/18, 02:23 pm

Olá!

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

Até mais. Feliz




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3918
Pontos Ativos : 4943

Ver perfil do usuário http://techmais.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por Roger123 em 09/08/18, 03:49 pm

Resolvido
avatar

Roger123
Nível 9

Masculino
Inscrito dia : 30/06/2018
Mensagens : 198
Pontos Ativos : 306

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Sistema de likes igual ao facebook

Mensagem por RafaelS. em 09/08/18, 03:50 pm

Tópico resolvido


Movido para "Questões resolvidas".




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3918
Pontos Ativos : 4943

Ver perfil do usuário http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum