Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [MySQL][PHP][JavaScript]Lista w JS, Zmiana wyświetlania wyników
wojtekiglak
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.11.2014

Ostrzeżenie: (0%)
-----


Więc od początku:
Jest lista wyników (ok 15k) w JS i jak wpisuje się hasło to wyświetlanie poniżej pola input najbardziej zbliżonych wyników pojawia się już od 1 wpisanego znaku.
Chciałbym zmienić wyświetlanie tych najbardziej zbliżonych wyników z 1 na 3, 4 lub 5, bo strasznie przymula. Przymula gdyż po wpisaniu np literki "a" musi przerobić 15k wyników, po "ab" już jest mniej, ale też wolno chodzi. Być może po 3, 4 lub 5 znaku będzie to płynniej chodzić.
Były próby Ajaxa z podpowiedziami do tego, ale gryzło się z czymś na następnych podstronach, więc wolę spróbować z tym.
Gdzie znajdę kod jaki trzeba dopisać ?
Ważne:
1. To jest lista w js, a nie wyszukiwarka, nie ma nawet buttona "szukaj"
2. Wyświetlanie poniżej input po wpisywaniu znaków to nie są podpowiedzi Ajax.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
markuz
post
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


[JAVASCRIPT] pobierz, plaintext
  1. $(input)
  2. .change( function () {
  3. var filter = $(this).val();
  4. console.log(filter.length);
  5. if (filter.length>3)
  6. {
  7. if(filter) {
  8. console.log('szukam...');
  9. $(list).find("a:not(:Contains(" + filter + "))").parent().hide();
  10. $(list).find("a:Contains(" + filter + ")").parent().show();
  11. } else {
  12. $(list).find("li").show();
  13. }
  14. }
  15.  
  16. return false;
  17. })
  18. );
[JAVASCRIPT] pobierz, plaintext


To jest kod odpowiedzialny za wpisywanie ale z tego co widzę - masz ustawiony limit, że szuka dopiero od 4 znaków ( > 3). Dodałem wywołania console.log - Wpisz 1 znak, 2 znaki, 3 znaki itd. i daj to co zwróciła konsola.

Ten post edytował markuz 25.11.2014, 14:03:43
Go to the top of the page
+Quote Post
wojtekiglak
post
Post #3





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.11.2014

Ostrzeżenie: (0%)
-----


Cytat(markuz @ 25.11.2014, 14:03:05 ) *
[JAVASCRIPT] pobierz, plaintext
  1. $(input)
  2. .change( function () {
  3. var filter = $(this).val();
  4. console.log(filter.length);
  5. if (filter.length>3)
  6. {
  7. if(filter) {
  8. console.log('szukam...');
  9. $(list).find("a:not(:Contains(" + filter + "))").parent().hide();
  10. $(list).find("a:Contains(" + filter + ")").parent().show();
  11. } else {
  12. $(list).find("li").show();
  13. }
  14. }
  15.  
  16. return false;
  17. })
  18. );
[JAVASCRIPT] pobierz, plaintext


To jest kod odpowiedzialny za wpisywanie ale z tego co widzę - masz ustawiony limit, że szuka dopiero od 4 znaków ( > 3). Dodałem wywołania console.log - Wpisz 1 znak, 2 znaki, 3 znaki itd. i daj to co zwróciła konsola.


Dalej zamula, chociaż lista zaczyna pojawiać się dopiero przy 4 wpisanym znaku i wtedy spowalnia, czyli cały dokument wczytuje.
Jednak koncepcja się zmienia, bo kombinuję z AJAX ale gryzie się coś js i nie wiem co, zdam relacje niedługo i powróce pewnie za kilka godzin. Podziękowania narazie dla markuz.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 4.10.2025 - 21:29