jQuery otomatik tamamlama eklentisi: jQuery.Suggest

17 Oca 2012 tarihinde eklendi. Blog | 1 yorum

Web sitelerinde, özellikle arama satırlarında otomatik tamamlama scripti ile sıkça karşılaşıyoruz. En basit örneğini Google‘ın arama satırında görebilirsiniz. Bu tür scriptler, arama satırına yazmaya başlayan kullanıcıya otomatik önerilerde bulunarak yardımcı olur.  jQuery.Suggest adı ile geliştirilen aşağıdaki eklenti de tam olarak bu işe yarıyor. Yazının sonunda bulunan linkten demosunu görebilir ve ücretsiz olarak indirebilirsiniz. Şimdi gelelim eklentinin öne çıkan detaylarına…

jQuery.Suggest eklentisi klavyede ilk harfe basmanızla birlikte çalışmaya başlıyor. Sonrasında bastığınız her harfle birlikte otomatik olarak güncellenip ekrana yeni öneriler getiriyor. Tab veya Enter tuşu ise o an satırda bulunan öneriyi kullanmaya yarıyor. Eğer birden fazla öneri bulunduysa arama satırının altında alt alta listeleniyor. Bu listeyi CSS ile görsel olarak istediğiniz gibi düzenleyebilirsiniz.

Javascript

suggestionColor değeri, otomatik önerilerin rengini değiştirebileceğiniz opsiyonel bir özellik. moreIndicatorClass ise birden fazla öneri bulunduğunda görünen öneri listesinin CSS class’ını tanımlıyor.

Aşağıdaki linkten jQuery.suggest eklentisinin demosunu görebilir ve sayfanın en altında bulunan Download the source bölümünden ücretsiz olarak indirebilirsiniz.

jQuery.suggest eklentisine git >>

Eklentiyi web sitelerinizde kullanmadan önce, indireceğiniz klasörde yer alan lisans dosyalarına da göz atmanızda fayda var.

Benzer Yazılar: