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.
GeoComplete – Form alanında girilen metne en uygun yerleri Google haritalar üzerinden bulup listeliyor.
Typeahead.js – Sonuçları tekli ve grup olarak listeleyebilen ayrıca arapça dilini de destekliyor.
- 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.
- Demo
- Tags Input – Virgül ile ayırmış olduğunuz kelimeleri otomatik etiket şekline dönüştüren uygulama.
- Demo
- Auto Suggest – Input alanında girdiğiniz kelimelere en uygun sonuçları resimli, resimsiz listeleme gibi özelliklere sahip.
- Başta sona yapılışını anlatan bir konu.
- Download
- 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.
- 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
- FlexSelect – Select elementi içinde listelenmiş olan verileri daha hızlı bulabilmek için hazırlanmış bir uygulama.
