3 Examples of Facebook Like Autosuggestion

admin — Sun, 30 Aug 2009 07:31:00 +0000

Facebook is a social networking website, whose users can add friends and send them messages, and update their personal profiles to notify friends about themselves. There are more than 250 million active users. We are interested in Facebook style, so try to find some Facebook like autosuggestion examples and share with you.

Facebook-Like Auto Suggest

Guillermo Rauch’s Facebook-like Auto Suggest is an auto suggest script which simulate Facebook auto suggest feature. It works by caching all the results from a JSON Request and feeding them to the autocompleter object. When a item is added as a box, it’ removed from the feed array, and when the box is disposed it’s added back, so that it becomes available in the list when the user types.

Demo Download

ASP.NET AJAX AutoComplete Control Demonstration

I want to share a free AJAX autocomplete extender (facebook like). It is based on ASP.NET 2.0, AJAX toolkit, and prototype js framework. Fully customizable with external CSS and easy to setup.

Demo Download

jQuery Plugin: Tokenizing Autocomplete Text Entry

This is a jQuery plugin to allow users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

Demo Download

What is AJAX & amazing AJAX based applications and resources

admin — Tue, 04 Aug 2009 14:30:22 +0000

In classical web applications, when we submit a form, although most of the page remains the same, whole page is reloaded from the server. This causes long waiting times and waste of bandwidth. The combination of a group of web technologies known as AJAX is come up with to create interactive web applications. With AJAX, web applications can retrieve data asynchronously from server while not refreshing the whole page.

AJAX is a shorthand for asynchronous JavaScript and XML. AJAX is not a technology in itself, but a term that refers to the use of a group of technologies together.

So what AJAX is made up of? Jesse James Garrett gave his definition:

1. XHTML and CSS for presentation
2. the Document Object Model for dynamic display of and interaction with data
3. XML and XSLT for the interchange, manipulation and display of data, respectively
4. the XMLHttpRequest object for asynchronous communication
5. JavaScript to bring these technologies together

Since AJAX was coined, however, there have been a lot of developments. JavaScript is not the only client-side scripting language used for AJAX application, other languages such as VBScript can also be used. And XML is not required for data interchange, JavaScript Object Notation(JSON) is often used as an alternative format for data interchange.

Here comes three examples of using AJAX to show you what can be done with.

1. Google Maps

You can drag & drop and resize the map, just like desktop applications.

2. Gmail

You can use all of the mail functions without leaving the Gmail page.

3. Flickr

Flickr is a photo storage and display program that uses AJAX.

Resources from the web

1. AJAX Basics is a presentation from Sang Shin.

2. AJAX introduces to you the essential of AJAX.

3. Mastering AJAX, Part 1 demonstrates how AJAX make extremely efficient Web development an easy reality.

4. AJAX Basics tells you how AJAX works, how to create cross-browser AJAX and how to send data using Head, Get, Post.

5. AJAX Tutorial for Java Programmer covers “Hello, World” to “Optimization Issues”.

6. 70 Popular Ajax Applications’ Demo and Source Code shows what AJAX is capable of by examples.

7. JavaScript Tutorial: AJAX Tutorial provides two examples with source code.

8. There are various AJAX tutorials and other resources in the site of ajaxprojects.

9. 60 More AJAX Tutorials is intended for you who learn best by examples.

10. There are various AJAX Lessons, Tutorials and Workshops in the site of ajaxlessons.

DoNotYet.com » JSON

3 Examples of Facebook Like Autosuggestion

Related Posts

What is AJAX & amazing AJAX based applications and resources

Related Posts