Navigable

Navigable.js ( "Navigation" + "Table" ) allows you to create a structure controlled both by arrow keys and mouse.

Navigable example

Synopsis

Navigable.js allows you to create a structure controlled both by arrow keys and mouse.

Currently 3 types of structure is supported:

• Table
• Vertical List
• Div based table defined with Twitter Bootstrap layout

Usage

Simply add 'navigable' class to parent container and 'navigable-item' class to items you want to control

For vertical list add attribute data-vertical="true"

For vertical list and div based bootstrap layout specify a number of items in row via attribute data-items_in_row="6" (So script knows how many items it should go with "left" and "right" buttons)