Facebook Like Auto-Suggestion Text Field

Posted in Javascript on April 11th, 2009 – Tags: 4 Comments

Back to the main article here: “Facebook Like Auto-Suggestion Text Field”.


4 Comments

  1. Duniyadnd says:

    This is a great script! :) Very consistent. Thank you for putting it up.

  2. Zaenal says:

    My pleasure. I just modified Antonio Ramirez (Webeater) ‘s works and shared it here.

  3. Jhonatan says:

    Very straightforward and clean. Thank you for sharing!

    One challenge: how should I go about replacing the xml array with a php database connection? My list is considerably long (cities worldwide) and dynamic, it would be counterproductive to download the xml periodically.

    Any thoughts?

    Thanks

  4. Zaenal says:

    Hi Jhonatan,

    1#
    In the example (download archieve), I use “compose_to.php” to generate xml. You can edit that file or create a new “cities.php” file, where you can manipulate data from database. Don’t forget to change Options.script when initiating AutoField in the main file (index.php)
    Event.observe(window, 'load', function() {new AutoField('compose_to', {script:'cities.php', delay:10})});

    2#
    By default, AutoField will cache the result (xml) from ajax query. To disable this option, just add “cache:false” to the line of javascript mentioned above
    Event.observe(window, 'load', function() {new AutoField('compose_to', {script:'cities.php', delay:10, cache:false})});

    3#
    Considering it’s a list of cities: do you require others input? whether it’s country, state, or both. Unfortunately AutoField does not have such features. It will need little tweak to the main script (javascript/autofield.js).

    Best,

Leave a Reply