Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Autocomplete Typeahead (gallery-ac-typeahead) on cdn

Last Updated: 01/24/11

+ 0 -

Greg Hinch

YUI Contributor

See 14 more by this user.

Created: 01/17/11
Last CDN Push: 02/2/11
Build Tag: gallery-2011.02.02-21-07
Project: YUI 3
License: YUI BSD
YUI Version: 3.3.0
Free for use.

This plugin for Autocomplete will show the value which will be autocompleted as you type, similar the latest Google search box.

Code Sample

<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.02.02-21-07'
}).use('autocomplete', 'gallery-ac-typeahead', 'autocomplete-filters', 'autocomplete-highlighters', function(Y) {
    var values = [
        'foo',
        'bar',
        'baz',
        'boo'
    ];
    var ipt = Y.one ('#complete');
    ipt.plug({fn : Y.Plugin.AutoComplete, cfg : {
        source : values,
        resultFilters : [
            Y.AutoCompleteFilters.startsWith
        ],
        minQueryLength : 0,
        resultHighlighter : Y.AutoCompleteHighlighters.startsWidth,
        plugins : [
            {fn : Y.ACTypeAhead}
        ]
    }});
 
});

Forum Posts

No forum posts for this module.