Ajax Layer JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Ajax Layer
  4. Autocompleter functional tes

        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


  script.aculo.us Autocompleter functional test file
  
  
  
  
  
    .selected { background-color: #888; }
  


script.aculo.us Autocompleter functional test file


This is an incremental Ajax autocompleter. Type something, then type a comma, than type more.
Autocompleter ac1: 


  new Ajax.Autocompleter('ac1','ac1update','_autocomplete_result.html', { tokens: ','} );

Non-incremental Ajax autocompleter.
Autocompleter ac2: 


  new Ajax.Autocompleter('ac2','ac2update','_autocomplete_result.html');

Non-incremental Ajax autocompleter.
Autocompleter ac3: 


  new Ajax.Autocompleter('ac3','ac3update','_autocomplete_result.html');

Local incremental array autocompleter ac4
 with full-search. Type 'Jac', hit enter a few 
times, type 'gne'.
 


  new Autocompleter.Local('ac4','ac4update',
  new Array("John Jackson", "", "Jack Johnson", "", "Jane Agnews"), { tokens: new Array(',','\n'), fullSearch: true, partialSearch: true });

Local incremental array autocompleter ac5
 with fixed height and scrollbar. Type 'Jac', hit enter a few 
times, type 'gne'.
 


  new Autocompleter.Local('ac5','ac5update',
  new Array("John Jackson", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews"), { tokens: new Array(',','\n'), fullSearch: true, partialSearch: true });






           
       
scriptaculous-js-1.6.4.zip( 139 k)