Arrow key navigation for text fields
Here is a class for enabling the use of arrow keys to navigate through a grid of input fields: (using mootools)
Here is a class for enabling the use of arrow keys to navigate through a grid of input fields: (using mootools)
Sometimes it’s useful to switch the browser’s default tabbing behavior (left to right) to the opposite (top to bottom) when your input fields are in a grid layout instead the of the usual single column layout. Having to do this manually is a real pain, especially for large grids; So here is a solution in javascript, using mootools:
I’ve been toying around with MooTools a bit lately, and I’ve found the experience quite enjoyable and refreshing.
This is common pattern in website navigation, where it highlights the link (usually by setting class=”active”
) that took you to the current page while you are on that page.