Scriptaculous Autocomplete

Read more and download "Scriptaculous Autocomplete"

An Ajax autosuggest script is supposed to help the visitor and present in real time (as they type) some possible results based on their entered words/characters.
In my opinion, this is a great feature to enhance the user experience.
It's very easy to build an autocomplete form using scriptaculous and prototype.
You just need one line of javascript



new Ajax.Autocompleter(id_of_text_field, id_of_div_to_populate, url, options);




Visit PhpDaddy.com


Play with this script by changing the html bellow. Submit your changes by clicking on this bar. Refresh the page to reset changes.
Play with this script by changing the html above. Submit your changes by clicking on this bar. Refresh the page to reset changes.

Comment on this example

Name
Url
Comment
Captcha
 

 

1
Tt
2008-04-13 18:41:34
i like it

2
Sturmi
2008-01-30 07:12:35
Nice tutorial thx! But the link to "Read more and download "Scriptaculous Autocomplete"" does not work ;) would be pleasant to fix it

3
MPhk
2007-11-19 05:39:24
The thing is that in IE the font anti-aliasing is lost after fading the text. There is no (obvious, simple) way to fix it though, so probably we'll have to live with this.

4
Neophytos
2007-11-04 02:36:24
Interesting...

5
MPhk
2007-10-25 07:39:22
As if the font-family CSS-property is totally ignored in IE.

6
MPhk
2007-10-25 06:39:42
Do you have any idea why the font of the elements in the auto-suggestions list looks different IE than the one in Firefox?

7
EsteMAN
2007-10-23 08:09:05
DOUGH!! response.php source :P It returns an unordered list, but... What is the
for?

8
EsteMAN
2007-10-23 08:05:18
I too would be interested in seeing the code for response.php Does it returns an unordered list?

9
Stelio
2007-09-30 02:11:10
Using the arrow keys (up) to navigate through the autocomplete list causes a page jump when the browser's view port is smaller than the list's length. How can i fix that ;-( ?

10
Todd
2007-09-20 18:34:05
I too would be interested in seeing the code for response.php

11
Sachin Kambli
2007-09-13 00:12:00
I like way of coding style but i still cant able to get source code for response.php can you plz help me as soon as you can

12
Kaveh Mirzaei
2007-07-28 02:43:14
Will you plz put your source code, The original code doesn't work with navigation keys!

13
Dataskills
2007-07-18 11:50:32
nice example. thanks. is it possible to get a loading image?