Tweets by jontsai

gallery-itsatabkeymanager

Plugin that extends gallery-sm-focusmanager by navigate with TAB and Shift-TAB. The plugin needs to be done on a container-Node. By default focusing is done with nodes that have the class ‘.focusable’, but this can be overruled with the attribite ‘itemSelector’.

Examples

Online example

Documentation

API Docs

Usage

Using TAB and Shift-TAB to jump between input-elements

<div id='container'>
    <input type='input' class='focusable' />
    <input type='input' class='focusable' />
    <input type='input' /> <!-- this element will not gain focus by pressing tab -->
    <input type='input' id='lastinput' class='focusable' />
</div>

YUI().use('node', 'gallery-itsatabkeymanager', function(Y) {

    var container = Y.one('#container');
    container.plug(Y.Plugin.ITSATabKeyManager);

    container.itsatabkeymanager.setFirstFocus('#lastinput'); // making the last element as the first focusable element
    container.itsatabkeymanager.setSelectText(true); // making the all text to be selected once focussed

    container.focus(); // <-- by focussing the container, the focusmanager will be active on this container

});

License

YUI BSD License

Make a Donation