[Tutorial] Pesquisa em tempo real para tópicos

Informações:

Autor: Hancki
Versões: Todas as versões
Introdução: Pesquisa em tempo real para tópicos

Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts

PHPBB3, INVISION & PUNBB

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('');
        }
    });
});

PHPBB2

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('');
        }
    });
});

• Resultado: