10+ jQuery AutoComplete (otomatik tamamlama) Eklentileri

Birbirinden farklı özelliklere  sahip jQuery autocomplete eklentileri. Eklentilerin birçoğu farklı amaç için hazırlanmış olsa da  aynı konu altında sizlere listeleme ihtiyacı duydum. Genel olarak autocomplete eklentileri input alanında girilen verileri ajax yolu ile listelemeye yarar. Bazı geliştiriciler de farklı şekillerde hazırlamışlar. Google haritalardan yer arama, Foursquare üzerinden işletme bulma, select elementi içinde listelenmiş olan verileri filtreleme gibi eklentileri bulabilirsiniz bu yazıda. Sonuç olarak herkesin kendine göre bir autocomplete eklentisi  temin edebileceği bir yazı ortaya çıktı diye tahmin ediyorum.

1. GeoComplete -  Form alanında girilen metne en uygun yerleri Google haritalar üzerinden bulup listeliyor.

   • Download

   • Demo

2. Typeahead.js - Sonuçları tekli ve grup olarak listeleyebilen ayrıca arapça dilini de destekliyor.

3. SpellChecker - Yanlış girilen metinleri tespit eden jQuery eklentisi. Konu ile ne alakası olabilir diye soranlar için hemen anlatayım. SpellChecker uygulaması birçok metin editörü ile birlikte kullanılabiliyor ve hatalı yazılmış olan kelimeleri tespit etmek ile kalmayıp aşağıdaki resimde gördüğünüz gibi doğru olabilecek  kelimeleri autocomplete özelliği sayesinde listeleyebiliyor.  Almanca, İngilizce, Fransızca ve İspanyolca dillerini destekliyor.

4.  Tags Input - Virgül ile ayırmış olduğunuz kelimeleri otomatik etiket şekline dönüştüren uygulama.

5. Auto Suggest - Input alanında girdiğiniz kelimelere en uygun sonuçları resimli, resimsiz listeleme gibi özelliklere sahip.

6. Başta sona yapılışını anlatan bir konu.

7.  Auto Suggest - Googlenin arama sorgularını listelemesini az çok bilirsiniz. Girmiş olduğunuz kelimeleri sorgularda  daha kalın gösterir Google. AutoSuggest eklentisi de girmiş olduğunuz kelimeleri listelerken arkaplan renginide koyu bir şekilde gösteriyor. Ayrıca input alanında virgül ile girmiş olduğunuz kelimeleri de etiketlere dönüştürebiliyor.

8. Select - Select elementinin görüntüsünü değiştirmeye yarayan ve select elementi ile listelenmiş olan içerikleri aramaya yarıyor. Ayrıca normal autocomplete özelliği de bulunuyor.

9. DevBridge

10.  FlexSelect - Select elementi içinde listelenmiş olan verileri daha hızlı bulabilmek için hazırlanmış bir uygulama.

11. Foursquare üzerinden arama yapmayı sağlayan bir uygulama.

12. LiveAddress - Üyelik formlarında girilen sahte posta kodlarını engelleyen ve  şehir adresi yazmaya başladığınızdan itibaren en yakın sonuçları listeliyor. Yanlış posta kodlarını da tespit edip üye olacak kişilerin doğru bilgi girmelerine de teşvik ediyor.