Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Auto Complete’

Twitter has open sourced a very nice project named Typeahead.js for building smart auto-complete form fields.

It comes as a jQuery plugin, shows suggestion as-users-type and can feature top suggestions with the help of styling.

Typeahead.js

The plugin can work with both local or remote datasets and it is optimized for speed as it can prefetch the dataset, store it on the client-side and run the queries quickly.

Typeahead.js simply converts any textfield into an auto-complete field, accepts JSON as the data source and has various settings for optimizing remote requests (rate limiting, maxConcurrentRequests, etc.).

SearchField is a lightweight and unobtrusive script that adds styling and static auto-suggest behaviour to your search form fields.

Auto-suggest data comes from a static data source, a JavaScript file, no data connections are necessary, updating the JavaScript with the common phrases is enough.

Auto Suggest JavaScript

To use SearchField, all you need is linking to the CSS and JavaScript files, that’s all.

This Asp.Net Ajax Auto-Complete Control which is created by Matt Berseth works similar to Google Suggest.

After you start typing the keyword, Asp.Net Ajax AutoComplete Control starts to offer you results from the dataset and when the keyword is typed results are filtered according to the keyword.

Ajax Auto Complete Asp.Net

Code uses AjaxControlToolkit’s AutoComplete extender for suggesting the values.

Form auto-completing feature is seen on many websites like Gmail, Yahoo and more.

Auto-completing makes inputting experience easier & faster for the user. On the other hand it is very helpful for the standardization of content, keywords, tags, etc. It may prevent a user wrongly writing Mcrsoft rather than Microsoft for example.

Form Auto Complete

Auto Complete Control is a javascript script which offers a simple to use solution.

It is not an Ajax, dynamic-keywords script. The keywords which will be shown while filling the form are defined staticly.

Auto Complete Control has some nice features like defining "delimiters" which makes it easier to use for "tag inputs". And it can be styled so easily.

 

How To Use Auto Complete Control?

Firstly, include the .js file into your script:

<script language="javascript" type="text/javascript" src="actb.js"></script>

Next, create an array (in JavaScript) containing the keywords:

customarray = new Array(‘apple’,'pear’,'mango’,'pineapple’,'orange’,'banana’,'durian’, ‘jackfruit’,'etc’);

Apply the widget to your textbox using JavaScript:

actb(document.getElementById(‘textbox_id’),customarray);

And you’re done!

 

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com