[Tutorial] Pesquisar em tempo real para tópicos

Autor: Hancki
Funcionalidade: Todas as versões
Descrição: Com base neste tutorial, podemos pesquisar palavras de mensagens postadas no tópico em tempo real. Para uma busca mais facilitada e avançada. Identificando a mensagem ou palavra chave desejada para buscar tal mensagem.

Painel de Controle Módulos HTML & Javascript Gestão dos códigos Javascripts

Código:

$(document).ready(function () {
    $('table:has(.nav)').after('<form id="pesquisaTopicos" action="" method="post"> <fieldset> <input style="width: 200px;" class="inputbox search" placeholder="Digite um termo para pesquisa..." type="text" class="text-input" id="filtroTopicos" value="" /> <span id="filtroNumeros"></span> </fieldset> </form>');
    $('#filtroTopicos').keyup(function () {
        var filtrarTopicos = $(this).val(),
            contagemTopicos = 0;
        $('.post').each(function () {
            if ($(this).text().search(new RegExp(filtrarTopicos, 'i')) < 0) {
                $(this).fadeOut();
                $(this).next('tr[class^="post"]').fadeOut();
            } else {
                $(this).show();
                $(this).next('tr[class^="post"]').show();
                contagemTopicos++;
            }
        });
        var numeroPesquisa = contagemTopicos;
        $('#filtroNumeros').html('<span id="numeroPesquisa">Foram encontrados ' + numeroPesquisa + ' tópicos.</span>');
        var emptyDiv = $('#filtroTopicos').val();
        if (emptyDiv == '') {
            $('#filtroNumeros').html('');
        }
    });
});

Código:

$(document).ready(function () {
    $('.topic-actions, .pun-crumbs:first, .posting-options.topic-options').after('<form id="pesquisaTopicos" action="" method="post"> <fieldset> <input style="width: 200px;" class="inputbox search" placeholder="Digite um termo para pesquisa..." type="text" class="text-input" id="filtroTopicos" value="" /> <span id="filtroNumeros"></span> </fieldset> </form>');
    $('#filtroTopicos').keyup(function () {
        var filtrarTopicos = $(this).val(),
            contagemTopicos = 0;
        $('.post').each(function () {
            if ($(this).text().search(new RegExp(filtrarTopicos, 'i')) < 0) {
                $(this).fadeOut();
            } else {
                $(this).show();
                contagemTopicos++;
            }
        });
        var numeroPesquisa = contagemTopicos;
        $('#filtroNumeros').html('<span id="numeroPesquisa">Foram encontrados ' + numeroPesquisa + ' tópicos.</span>');
        var emptyDiv = $('#filtroTopicos').val();
        if (emptyDiv == '') {
            $('#filtroNumeros').html('');
        }
    });
});

• Resultado: