Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pole do wyszukiwania
Forum PHP.pl > Forum > PHP
borpaw
Robie wyszukiwanie w bazie danych poprzez wpisywanie w pole tekstowe kolejnych znaków tak jak jest w google teraz.

W momencie gdy funkcja ajaxa na onkeyup zaczyna działać znika mi focus z pola tekstowego i nie mogę pisać w nim dalej.
ajax jest na async=true, jak zrobić żeby pole tekstowe i wyszukiwanie działało jednocześnie tak jak w google.
wizu
Pokaż kod, bez tego ciężko będzie cokolwiek napisać.
borpaw
KOD:

  1.  
  2. function dynamic_searchAjax( ProductName, CategoryName, BrandID, supplierID, EndOfLineItem )
  3. {
  4. $.ajax({
  5. type: "POST",
  6. async: true,
  7. data: "ProductName="+ProductName+
  8. "&CategoryName="+CategoryName+
  9. "&BrandID="+BrandID+
  10. "&supplierID="+supplierID+
  11. "&EndOfLineItem="+EndOfLineItem,
  12. url: "dynamic_search_item.php",
  13.  
  14. beforeSend: function()
  15. {
  16. $("#waith").html("<img id='loading' src='images/rot_small.gif' alt='working..' />");
  17. },
  18.  
  19. success: function(success)
  20. {
  21. $("#waith").empty()
  22. $("#search_table").html(success)
  23. $('#searchText').focus();
  24. }
  25. });
  26. }


  1. <input onkeyup=" if((this.value.length)>2) { dynamic_searchAjax( this.value, $('#SubCategoryID').val(), $('#BrandID').val(), $('#supplierID').val(), $('#EndOfLineItem').val() ); }" type="text" id="searchText" name="searchText" class="tableitemwhite2" style="float:left; width:360px;">
  2.  
kaem
$('#target').focus(); a to co to jest? Przecież ustawiasz focus na innym elemencie po wykonaniu ajaxa.

Po za tym rozważ użycie plugina jQuery Autocomplete
google jquery autocomplete

Sam nie implementowałem, ale miałem z nim styczność i działa dobrze.
borpaw
z tym #target to była pomylka.

Chodzi o to że ajax na async=true miał nie blokować dalszego działania formularza a jednak go troche przycina, chę swobodnie wpisywać w pole tekstowe znaki a szukanie w tle ma się odbywac i nie zacinać strony.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.