Socialite.js
JavaScript for implementing social sharing buttons asynchronously. Support for Twitter, Google+, Facebook and LinkedIn
Selectable Table Rows with Keyboard Navigation
Recently I was working on a project where we needed to display a multi-select input. Very quickly it became apparent that the traditional select box would not work since the information we were presenting would need to be displayed in multiple columns and support pagination. The common sense answer was to display the information in a table however after some searching I realized there were no good plugins for selecting multiple table rows. The other requirement was to duplicate the functionality of a drop down and add in keyboard controls (shift click, ctrl click, etc.) so I set out to write my own.
So far I’m pretty happy with it, there are still some issues I need to work out but for the most part it’s a solid plugin. The plugin itself adds just the ability to select table rows with keyboard controls… however how that data gets there, or what you do with that information is up to you. I’ve added support for three callbacks:
- on select (single click)
- double click (or “Enter” key)
- on change
And it supports the following keyboard controls:
- Ctrl + Click
- Shift + Click
- Shift + Ctrl + Click
- Shift + Up|Down Keys
- Up|Down Keys
- Enter (to select)
It is now available on GitHub: https://github.com/nathanfirth/jQuery-Selectable-Table-Rows. I’ll be uploading it to GitHub in the next day or so. I would love to get some feedback. Please check out the demo here: http://dev.nathanfirth.com/jquery-tableselect/
