Posts Tagged ‘Auto Complete’

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!

 

feed-holder
FeedBurner
  • Virtual Private Servers - eTecc Web Hosting
  • RapidxHTML - Converts Your PSD into XHTML Rapidly
  • Manage your clients email marketing with sendcube
PSD to HTML
activeCollab | Project Management
  • EasyImg - Internet Graphics Engine
  • MailChimp
  • PSD to HTML

Vivvo CMS - Web Publishing at your Fingertips