InícioSistema de likes igual ao facebook
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Sistema de likes igual ao facebook
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?
Convidado- Convidado
Re: Sistema de likes igual ao facebook
por tikky 08.08.18 12:19
Olá @Roger123,
Crie uma Página JavaScript com revestimento Nos tópicos, com o seguinte código:
Adicione também na sua Folha de estilo, o seguinte código:
Cordialmente,
pedxz
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Sistema de likes igual ao facebook
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Sistema de likes igual ao facebook
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?
Convidado- Convidado
Re: Sistema de likes igual ao facebook
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.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Sistema de likes igual ao facebook
por Convidado 08.08.18 13:52
Tem como resolver o bug?
User de teste:
User de teste:
Convidado- Convidado
Re: Sistema de likes igual ao facebook
por tikky 08.08.18 14:00
Qual bug, Senhor?Tem como resolver o bug?
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Sistema de likes igual ao facebook
por Convidado 08.08.18 14:05
Ao colocar like no tópico/resposta coloca em todos os posts do tópico.
Convidado- Convidado
Re: Sistema de likes igual ao facebook
por tikky 08.08.18 14:09
Passe-me a sua edição do script, por favor 
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Sistema de likes igual ao facebook
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);
Convidado- Convidado
Re: Sistema de likes igual ao facebook
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Convidado- Convidado
Re: Sistema de likes igual ao facebook
por tikky 08.08.18 15:01
O erro ocorreu devido a sua edição, provavelmente 
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Convidado- Convidado
Re: Sistema de likes igual ao facebook
por tikky 08.08.18 19:42
Tente modificar o script em cima para:
Cordialmente,
pedxz
- 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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Sistema de likes igual ao facebook
por Convidado 08.08.18 19:51
Olá,
Não funcionou...
Ao postar, todos os posts do tópico ficam com Likes...
Não funcionou...
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)
Convidado- Convidado
Re: Sistema de likes igual ao facebook
por RafaelS. 08.08.18 19:52
Tópico resolvidoMovido para "Questões resolvidas". |
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Sistema de likes igual ao facebook
por RafaelS. 08.08.18 20:07
Tópico reabertoO tópico foi reaberto a pedido do autor. Tópico em curso. |
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Sistema de likes igual ao facebook
por RafaelS. 09.08.18 19:50
Tópico resolvidoMovido para "Questões resolvidas". |
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Tópicos semelhantes» Sistema de likes
» Sistema de rank ( likes ) nas postagens
» Sistema de reputação com likes
» Sistema de likes no fórum
» [dúvida] sistema de reputação com likes
» Sistema de rank ( likes ) nas postagens
» Sistema de reputação com likes
» Sistema de likes no fórum
» [dúvida] sistema de reputação com likes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
