Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

Dynamiczna wyszukiwarka jQuery

#1
Dynamiczna wyszukiwarka jQuery
Witam, mam problem z wyszukiwarką z jQuery. Jest to na razie wersja robocza, ale zależy mi na tym żeby dopiero po wpisaniu znaków zaczęło się wyszukiwanie ( na początku lista schowana ) i po jej wyświetleniu jeżeli klikniemy w gdzieś poza liste, to lista znowu się schowa. Dodałem $("#results li").hide();,ale po wpisywaniu i potem kliknięciu gdzieś indziej lista zostaje.I nie wiem jak zrobić, aby wyszukiwało dopiero od 3 znaków...

Kod:
<div class="title-section">

                        <h1>Tytul</h1>
                        <p>Content</p>
                            <input id="search"/>
                    </div>
                    <ul class="katlista" id="results">
                        <li><a href="http://strona.pl/podstrona.html" rel="bookmark" title="Tresc linku">Tresc linku</a></li>
                        <li><a href="http://strona.pl/podstrona.html" rel="bookmark" title="Tresc linku">linku</a></li>
                        <li><a href="http://strona.pl/podstrona.html" rel="bookmark" title="Tresc linku">aaaaau</a></li>
                        <li><a href="http://strona.pl/podstrona.html" rel="bookmark" title="Tresc linku">qwqwqw</a></li>
                    </ul>
    
    <script src="http://code.jquery.com/jquery.min.js"></script>
<script>
   
    $("#results li").hide();
    
    $("#search")
   .on("input", function () {
   $("#results li")
    
   .css("display", "none")
   .filter(function () {
   return $(this).text().toLowerCase().indexOf($("#search").val().toLowerCase()) >= 0;
   })
   .css("display", "block");
   });
    
    
    
    
    
</script>
 System operacyjny: windows_98_nt Przeglądarka: chrome
Programy: Polecane / Nowe / Inne




Podobne wątki (Dynamiczna wyszukiwarka jQuery)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [jQuery][JS] uruchamianie tylko jednej animacji na raz Tajpan 1 1355 22.12.2016, 00:22
Ostatni post: Sebuś'ik
  Jquery scroolowanie chwm 0 7247 07.04.2016, 17:52
Ostatni post: chwm
  Wyszukiwarka na stronie mazi88 3 7468 04.04.2016, 16:27
Ostatni post: Rincewind

Skocz do:


Wybrane wątki (Dynamiczna wyszukiwarka jQuery)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Złe zapytanie sql php bartek164 1 9654 18.01.2018 09:38
Ostatni post: koneton
  Stream na stronie WordPress Artur3333 0 8965 17.01.2018 13:57
Ostatni post: Artur3333
  Złe działanie skyrptu php/formularze bartek164 0 8885 16.01.2018 17:14
Ostatni post: bartek164
  Poszukuję kodu do strony na wybór wejścia Ganjax15 4 9609 15.01.2018 12:21
Ostatni post: Ganjax15
  Dziwna zmienna dodawana w nazwie postów? stasiowin 2 8832 12.01.2018 09:50
Ostatni post: raxer
  Jaki kod pod taką stronę? aktywny27 11 19680 10.01.2018 19:36
Ostatni post: Ajgor
  Prośba o stworzenie strony internetowej. Matiexis 0 8145 08.01.2018 19:59
Ostatni post: Matiexis
  Zmiana wyglądu ''index of'' w XAMPP'ie domeczegg 3 7839 06.01.2018 13:14
Ostatni post: domeczegg
  Skąd za darmo podbrać wtyczki flash na stronę html5 ? aktywny27 0 7747 28.12.2017 10:01
Ostatni post: aktywny27
  Wybór pomiędzy dwoma hostingami-te same oczekiwania ale inne paramerty i cena raxer 4 7875 26.12.2017 10:31
Ostatni post: raxer
  Przetwarzanie arkusza stylów się nie powiodło bartek164 0 7261 22.12.2017 20:03
Ostatni post: bartek164
  Problem ze spamem - recaptcha Tazz 5 11411 22.12.2017 17:37
Ostatni post: Ajgor
  Problem z kodem po zmianie nazwy linku. yansowy 8 7586 12.12.2017 12:26
Ostatni post: yansowy
  Jak zrobić stronę do sprzedaży plików modeli 3d Kristoffer 3 7353 08.12.2017 16:10
Ostatni post: Kristoffer
  Awin opinie breko 6 10062 30.11.2017 12:43
Ostatni post: breko