Pole do wyszukiwania Opcje

[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:

[PHP] pobierz, plaintext 
 
function dynamic_searchAjax( ProductName, CategoryName, BrandID, supplierID, EndOfLineItem )
{ 
          $.ajax({  
                   type: "POST",
				   async: true,
				   data: "ProductName="+ProductName+
				         "&CategoryName="+CategoryName+
						 "&BrandID="+BrandID+
						 "&supplierID="+supplierID+
						 "&EndOfLineItem="+EndOfLineItem,
                   url: "dynamic_search_item.php",			
 
			       beforeSend: function() 
				   { 
                     $("#waith").html("<img id='loading' src='images/rot_small.gif' alt='working..' />"); 
                   },
 
                   success: function(success)
				   { 
				     $("#waith").empty()
					 $("#search_table").html(success)
					 $('#searchText').focus();
				   }				   
              });  
} 
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
	<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;">
 
[PHP] pobierz, plaintext 

Ten post edytował borpaw 24.08.2011, 11:25:36

[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.

Ten post edytował kaem 24.08.2011, 11:06:54

[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.