Podpowiedzi w wyszukiwarce i szybkie uzupełnianie

Podpowiedzi w wyszukiwarce i szybkie uzupełnianie

Dziś chciałbym się podzielić prostym skryptem w jQuery zwiększającym użyteczność wyszukiwarki internetowej. Przykład prezentuje listę dostępnych pozycji i wyświetla podpowiedzi w wyszukiwarce podczas pisania.

Szybkie uzupełnianie

W przykładzie dodałem obsługę klawiszy kierunkowych aby przyspieszyć proces wpisywania frazy. W momencie pisania pojawiają się możliwe wyniki. Użytkownik ma do dyspozycji trzy klawisze, które pozwalają uzupełnić pole automatycznie:

↑    pokazuje poprzednią podpowiedź
↓    pokazuje następną podpowiedź
→   uzupełnia pole aktualną podpowiedzią

Demo

See the Pen Search autocomplete by Michał Wilk (@devolk) on CodePen.22268

 

Mam nadzieję, że spodobał Ci się ten eksperyment i że znajdziesz dla niego jakieś zastosowanie!

Popularne wpisy

Kodowanie

Responsywne menu — 3 sprawdzone rozwiązania

Responsywne menu — 3 sprawdzone rozwiązania

Czytaj to
Mixiny SCSS – czyli jak uprzyjemniam sobie pracę

Mixiny SCSS – czyli jak uprzyjemniam sobie pracę

Czytaj to

Felietony

Błędy początkujących webmasterów, których warto unikać

Błędy początkujących webmasterów, których warto unikać

Czytaj to
Dlaczego frameworki HTML często nie mają sensu?

Dlaczego frameworki HTML często nie mają sensu?

Czytaj to

Inspiracje

Zestaw prostych i ciekawych przycisków na stronę

Zestaw prostych i ciekawych przycisków na stronę

Czytaj to
Najlepsze strony, z których pobierzesz darmowe zdjęcia

Najlepsze strony, z których pobierzesz darmowe zdjęcia

Czytaj to

Newsletter

Maksymalnie raz w miesiącu dostaniesz powiadomienie o nowych wpisach.
Zapisz się do newslettera — ja nie śmiecę.

Ta strona wykorzystuje pliki cookies wyłącznie w celach statystycznych.