• download
  • documentation
  • forums
  • demo
  • contact
  • blog

meteora

javascript widgets

Documentation

  • Autocomplete
  • Bubble
  • Calendar
  • Carousel
  • Datagrid
  • Dialog
  • Editor
  • Effect
  • Filebrowser
  • Form
  • Jsonrpc
  • Menu
  • Notebook
  • Picbox
  • Popup
  • Searchlist
  • Selection
  • Spinbutton
  • Tablesort
  • Toolbox
  • Treeview

Demo

Type the first two or three letters of your country of origin (for example fr for France).

What country are you from?

HTML source

<div id="result">what country are you from?</div>
<input name="q" type="text" id="autocomplete_demo_input"/>

Javascript source

Meteora.uses('Meteora.Autocomplete');
Meteora.onStart(
  function () {
    new Autocomplete(
      'autocomplete_demo_input',
      {
        'action': '/demo/ajax_search',
        'onClick': function(data) {
          $('result').setContent(Widget.fromHTML('<b>Country name:</b> '+data.content+', <b>Code:</b> '+data.index));
        }
      }
    );
  }
);

JSON response

{
  "AF":"Afghanistan",
  "AL":"Albania",
  "DZ":"Algeria",
  "AS":"American Samoa",
  "AD":"Andorra",
  "AO":"Angola",
  "AI":"Anguilla",
  "AQ":"Antarctica",
  "AG":"Antigua and Barbuda",
  "AR":"Argentina"
}

Documentation

If you're looking for more documentation about this widget, you may want to read Meteora.Autocomplete documentation

Copyright © 2007-2009 Astrata Software.