Ricerca rapida di messaggi in un argomento

Definizione

Installazione

• Titolo: a tua scelta
  
• Dove: negli argomenti
  
• Codice:
  

  Codice:

  $(document).ready(function () {
var placeholderText = "Ricerca nel topic...";

    $('.topic-actions, .pun-crumbs:first, .posting-options.topic-options').after('<form id="pesquisaTopicos" action="" method="post"> <fieldset> <input style="width: 250px;" class="inputbox search" placeholder="'+placeholderText+'" 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">Найдено ' + numeroPesquisa + ' топик(а).</span>');
        var emptyDiv = $('#filtroTopicos').val();
        if (emptyDiv == '') {
            $('#filtroNumeros').html('');
        }
    });
});

Personalizzazione

• Potete modificare var placeholderText = "Ricerca nel topic..."; andando a specificare il testo segnaposto da visualizzare nel campo di ricerca
  
  
• Nel vostro CSS potete usare il selettore # filtroTopicos per personalizzare lo stile del campo di ricerca