A nossa melhor resposta será baseada no clique do seguinte botão:

Marcar Resolvido

Onde após ser clicado, aparecerá:

Desmarcar Resolvido

Ao clicar no botão [Desmarcar Resolvido], nos dá a oportunidade de desmarcar aquela que seria a melhor resposta e podermos marcar outra que por ventura seja ainda melhor, ou apenas desmarcar caso constatamos algum problema e damos novamente o tópico como não resolvido!!!

Isso é semelhante ao [Obrigado] da Forumeiros, mas com a opção de desfazer...

Nota: Os botões só aparecem para o autor do tópico e para os Admins/Mods!

O código já está funcionando!

JS

Tópico para testes de [Melhor Resposta]!

Podendo escolher outra resposta se desejar.

JS

Nova resposta para testes de [Melhor Resposta] com teste de limite de altura (height)!
Esta mensagem está com 333px, mas terá somente 200px na melhor resposta acima do tópico.

Código:


            if (answer_log.indexOf(ANSWER_ID) !== -1) {
                oThis.css('background-color', '#EAF8E2');
                oThis.find('div.postmain').css('background-color', '#EAF8E2');
                $('#answer_' + post_ID).toggle();
                $('#unanswer_' + post_ID).toggle();
                var post_url = $('#p' + post_ID + ' a').attr('href');
                var $data_post = oThis.find('span.data-post');
                var data_post = $data_post.text();
                var sHtml = '<div class="post post_block feature_box" id="resolved" data-post-id="' + post_ID + '">'+
                    '<span class="ipsUserPhoto ipsUserPhoto_medium left">' + oThis.find('div.user-basic-info > a').outerHTML() + '</span>'+
                    '<div class="ipsBox_withphoto">'+
                        '<p class="ipsType_sectiontitle">'+
                            '<span class="ipsBadge ipsBadge_green">Melhor Resposta</span>'+
                            '&nbsp;' + oThis.find('div.username').html() + ', <a href="' + post_url + '">' + data_post + '</a>'+
                        '</p>'+
                        '<p class="ipsPad_top desc"></p>'+
                        '<div style="max-height: 150px;">' + $('#message_' + post_ID).html() + '</div>'+
                        '<a href="' + post_url + '">'+
                            '<span class="ipsBadge has_icon ipsBadge_lightgrey">Visualizar o post completo <img src="http://i34.servimg.com/u/f34/18/17/62/92/right_10.png" class="icon"></span>'+
                        '</a>'+
                        '<p></p>'+
                    '</div>'+
                '</div><br>';
                $('.main.paged').prepend(sHtml);
                $data_post.html(data_post + ' <span class="ipsBadge ipsBadge_green">Melhor Resposta</span>');
                /*$('li[data-owner="' + post_ID + '"]').remove();*/
                return false
            }


Agora o sistema é visível a todos incluindo os visitantes que agora podem ver qual é a melhor resposta!!!

Vamos que vamos PunBBeiros,

JS

Incluindo o sistema Like & Unlike onde todos podem ver quem curtiu!!!

MT