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!

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.