Bazı projelerimizde birden fazla seçenek içeriyorsa XMLHTTPREQUEST nesnesinden yararlanıp AJAX ile kullanıcılara ön tanımlı bilgiler sunabiliyoruz.
Bu yönde daha önce asp.net C# ile hazırlamış olduğumuz bir sözlük scripti mevcut onun kodlaması esnasında da sıkça bu metoda başvurmuştum.
Hem sunucu hem de kullanıcı bazında estetik ve az yük bindiren bir yapıya sahipti.
Kullanıcı bir kelime yazdığında o kelimeye ulaşana kadar ki sürede türetilen diğer kelimeler arasından uygun seçeneği seçme imkanı tanıyoruz.
Örnek vermek gerekirse dondurma kelimesini yazarken aşağıda don,dondur,dondurma gibi alternatif seçeneklerin çıkması hoş olacaktır.
Şimdi ise JSON ve AJAX özelliklerinden yararlanarak hazırlanmış olan otomatik tamamlama scriptini sizlerle paylaşıyorum.
Kullanımından kısaca bahsetmek gerekirse aşağıdaki adımları uygulayabilirsiniz.
bsn.AutoSuggest_2.1.3_comp.js dosyasını sayfanızın <head> ... </head> taglarına arasına include ediniz.
<body> .. </body> tagları arasına ise
var options = {
script: "pathToScript.php?",
varname: "variableName",
json: true,
maxresults: 35
};
var as = new bsn.AutoSuggest('idOfTextfield', options);
kodlarını ekleyiniz.
Script dosyalarını inceleyip çalışmalarınıza göre uygun şekilde kullanmanız mümkün.
AutoSuggest Download
Kolay Gelsin ...