Olá pessoal!

Inaugurando a área, venho aqui para propor idéias e projetos de scripts para adicionar a possibilidade de utilizar o botão [Curtir] e [Desfazer Curtir] na plataforma Forumeiros.

Eu já tenho esboços de como resolver, mas quem tiver mais idéias e desejar contribuir, poste aqui para avaliarmos ok?

Aqui está um trecho de um código que estou testando:

Código:


<div class="ipsLikeBar right clearfix" id="rep_post_{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">
    <iframe name="iframe_{postrow.displayed.U_POST_ID}" height="0px" width="0px" frameborder="0"></iframe>
    <ul class="ipsList_inline">
        <li id="like_{postrow.displayed.U_POST_ID}">
            <a title="Curtir" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"
               target="iframe_{postrow.displayed.U_POST_ID}"
                onclick="
                saveVote();
                    document.getElementById('like_{postrow.displayed.U_POST_ID}').style='display: none;';
                    document.getElementById('deslike_{postrow.displayed.U_POST_ID}').style='display: block;'"
                class="ipsLikeButton ipsLikeButton_enabled rep_up">
                Curtir
            </a>
        </li>
        <li id="deslike_{postrow.displayed.U_POST_ID}" style="display: none;">
            <a title="Curtir (Desfazer)" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"
                target="iframe_{postrow.displayed.U_POST_ID}"
                onclick="
                saveVote();
                    document.getElementById('like_{postrow.displayed.U_POST_ID}').style='display: block;';
                    document.getElementById('deslike_{postrow.displayed.U_POST_ID}').style='display: none';"
                class="ipsLikeButton ipsLikeButton_disabled rep_down">
                Curtir (Desfazer)
            </a>
        </li>
    </ul>
</div>


O principal que é o script eu também estou desenvolvendo!

Desde já eu agradeço,

JS

coloca um "Curtir" com o símbolo + verde atrás, e um "Descurtir com simbolo - vermelho atrás.

Ok, boa dica amigo!

Obrigado,

JS

Tente usar este código:

Código:

<script type="text/javascript">
jQuery(document).ready(function(e) {
  jQuery('#like_{postrow.displayed.U_POST_ID} .like_{postrow.displayed.U_POST_ID}').click(function(e) {
      window.open('{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}','blink');
    });
  jQuery('#deslike_{postrow.displayed.U_POST_ID} .deslike_{postrow.displayed.U_POST_ID}').click(function(e) {
      window.open('{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}','blink');
    });
});
</script>

<div class="ipsLikeBar right clearfix" id="rep_post_{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">
    <iframe name="iframe_{postrow.displayed.U_POST_ID}" height="0px" width="0px" frameborder="0"></iframe>
    <ul class="ipsList_inline">
        <li id="like_{postrow.displayed.U_POST_ID}">
            <a title="Curtir" href="{postrow.displayed.U_POST_ID}"
                target="iframe_{postrow.displayed.U_POST_ID}"
                onclick="
                saveVote();
                    document.getElementById('like_{postrow.displayed.U_POST_ID}').style='display: none;';
                    document.getElementById('deslike_{postrow.displayed.U_POST_ID}').style='display: block;'"
                class="ipsLikeButton ipsLikeButton_enabled rep_up">
                <font color="green"> + </font> Curtir
            </a>
        </li>
        <li id="deslike_{postrow.displayed.U_POST_ID}" style="display: none;">
            <a title="Descurtir" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"
                target="iframe_{postrow.displayed.U_POST_ID}"
                onclick="
                saveVote();
                    document.getElementById('like_{postrow.displayed.U_POST_ID}').style='display: block;';
                    document.getElementById('deslike_{postrow.displayed.U_POST_ID}').style='display: none';"
                class="ipsLikeButton ipsLikeButton_disabled rep_down">
              <font color="red"> - </font> Descurtir
            </a>
        </li>
    </ul>
</div>

e veja se resulta, pois o que está aqui, está bugado, mesmo ao clicar, não muda a reputação do MEMBRO, e não aparece descurtir...

A questão não é o código que está atualmente aqui no fórum que está "bugado", apenas eu não postei a versão que tem o botão [Curtir] funcionando!!!

Eu ainda estou adaptando um código para após o membro clicar em [Curtir] apareça o botão [Desfazer Curtir], ok é fácil fazer isso e eu já testei, funciona sim...

O "grande" problema está nas variáveis:

Código:


{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}
{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}


Elas só estão disponíveis uma única vez para o membro que usá-las, seja votando positivo (Curtir) ou votando negativo (Desfazer Curtir), entende?

JS

A sim, no caso, você faz assim; ao clicar no botão curtir ele retorna verdadeiro, aparece o descurtir, aí ao caso clicar no descurtir, o valor do botão curtir que estava, retorna falso e o descurtir vira verdadeiro....
No caso, um Ciclo....

Essa é a lógica, máááásss como eu afirmei acima o problema está nas variáveis, são elas que mandam para o banco de dados de reputação de cada usuário....

Eu já fiz toda a sequência de clicar em curtir e aparecer o descurtir, clicar em descurtir e reaparecer em curtir, mas entenda que o primeiro click em curtir já deu a reputação positiva ao membro, a variável não aparece mais e nem o ID de segurança da votação, pois se ambos não desaparecessem a própria forumeiros já tinha o mesmo sistema IPBoard de [Curtir] e [Desfazer Curtir]...

A saga continua,

JS

Ah, o problema é a variável, se tivermos acesso ao php de nosso fórum...

Isso mesmo, agora entendeu...

Mas eu não costumo desistir fácilmente e farei de uma forma bem inusitada!

Vou te dar uma prévia (duas de 8 possibilidades):
1- Um tópico oculto com as informações que preciso;
2- Ou usando localstorage, mas esse último não me parece interessante nem confiável...

A saga continua,

JS

você pode também tentar usar "COOKIES" para salvar os dados da votação, ou criar uma página em php que grava em outro banco de dados as votações e usa com javascript aos tópicos '-'

Cookies está fora de cogitação, melhor o que eu falei: localstorage
Links de referência:
http://www.w3schools.com/html/html5_webstorage.asp
http://blog.thiagobelem.net/armazenando-informacoes-no-computador-do-visitante-com-localstorage-e-sessionstorage/

A sua outra opção é interessante, mas não muito viável...

Pense em uma mensagem escondida no post com as informações que desejarmos!!!

A saga continua parte III,

JS

Você pode também pode alterar para o PHP, que: Você faz uma página php(avá) que faz que essas variáveis serem guardadas em uma tabela, por exemplo: BangBang curtiu o tópico #LINKDOTOPICO na mensagem #NUMERO-DA-MENSAGEM-CURTIDA. aí você TERIA que criar um php que é enserido no registro, que salva os dados e salva na tabela user do seu site.... por exemplo: nome: JScriptFake nascimento: 00/00/0000 mensagens curtidas: 0..........

Amigo, olha que efeito interessante:


A saga continua, parte IV

JS

Meio que demora para mudar o valor da reputação...Mas é uma ótima ferramenta!

O sistema de [Curtir] e [Desfazer Curtir] já está funcionando! Façam testes...

Imagem de exemplo: https://i.servimg.com/u/f34/18/17/62/92/captur19.png

So long,

JS

Poderia postar o código (o atual) que creio que está em fase "beta" para nós? Para algumas pessoas poderem testar a fase beta....

Posso sim amigo, deixa só eu concluir uns detalhes e farei isso!

Agora a estrela de "popular" aparecerá de acordo com a quantidade de "Curtir", no caso eu determinei pra testar com apenas 3...
Confiram ai: https://i.servimg.com/u/f34/18/17/62/92/captur20.png

Pergunta: Com quantos "Curtir" deveria aparecer a estrela?

Edit: Vou fazer um widget para mostrar as "10 últimas curtidas!!!"...

Edit2: Agora atualiza a lista sem ter que usar F5.

JS

Parabéns, a maneira de como resolveu o problema de ter um banco de dados interno, foi fantástica...

Obrigado amigo!

Vamos que vamos, PunBB Forumeiros - Brasil!!!

JS

esperamos que pronto pueda poner un tutorial sobre su gran idea de like y deslike te quedo fabuloso

genau escreveu:esperamos que pronto pueda poner un tutorial sobre su gran idea de like y deslike te quedo fabuloso

Estamos ainda em uma fase, fase beta...

Voto enviado com sucesso? Eu acho que é nessa página, que grava se o vote - ou vote + (variável) foi usado, e assim não seria possível votar novamente por causa do sistema da forumeiros... Exemplo: Para funcionar teria que ser mais ou menos assim: function().click(GetScript('/t'+ topic-id +'-?cvf%5B0%5D=dc09de69ac4759e3a1219e448236243b&cvf%5B1%5D=9f98a7cdaffe1cf2e849262057610f7d&eval=plus&p_vote='+ vote-id +'');...
Exemplo deste tópico: /t20p15-?cvf%5B0%5D=dc09de69ac4759e3a1219e448236243b&cvf%5B1%5D=9f98a7cdaffe1cf2e849262057610f7d&eval=plus&p_vote=662
E não seria possível descurtir, entendeu?

Olá pessoal!

Adicionei um widget contendo os últimos Curtir (Likes), confiram na imagem de exemplo:

Nota: Não adicionei o avatar dos membros para não sobrecarregar demais o fórum com requisições que causam o erro http://jscript.forumeiros.com/t97-request-limit-exceeded e também porque já temos avatares demais sendo mostrados!!!

Alguém tem uma sugestão para o avatar ou esse está legal?
Mostrar somente 5 likes ou mais?

Espero que gostem,

JS

Sugiro a imagem:


E 5 likes está mais que bom...

Ok, se conseguir diminuir a imagem para 30x30 sem distorcer muito, fica bem legal!
Eu tentei mas não sou nada bom com gráficos...

JS