Ricerca rapida di messaggi in un argomento


Tutorial Ricerca rapida di messaggi in un argomento

Messaggio Da Niko Mer 7 Apr 2021 - 12:42

Ricerca rapida di messaggi in un argomento


Definizione

A volte abbiamo bisogno di trovare un post specifico in un argomento. Ma i post sono lunghi e c'è molto testo sulla pagina: sfogliarli è piuttosto noioso. Questo script ti aiuterà!
Per cercare è sufficiente conoscere la pagina e almeno una frase parola per parola. Come puoi immaginare, cerca nella stessa pagina per argomento.

Ricerca rapida di messaggi in un argomento 0510729001613586006

Installazione

Andiamo verso Pannello di amministrazione ► , assicuriamoci che la gestione del codice Javascript sia attivata e creiamone uno nuovo con queste impostazioni:

  • 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




Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8289
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.