Icontem

JavaScript Select 2D: Pick select input options from a table

Recommend this page to a friend!
  Info   View files View files (9)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2014-05-08 (5 years ago) RSS 2.0 feedNot enough user ratingsTotal: 88 All time: 434 This week: 30Up
Version License JavaScript version Categories
select2d-js 1.0.1MIT/X Consortium ...1.0HTML
Description Author

This object allows the user to pick select input options from a table.

It can show a 2D table with the options of a given form select input.

The object can automatically layout the table with a configurable number of columns or rows.

The user can select multiple options by using the Ctrl key or Shift and click and dragging over the options in the table.

By default the original form select input is hidden but it may be made visible for debugging purposes.

Innovation Award
JavaScript Programming Innovation award nominee
May 2014
Number 2


Prize: One downloadable e-book of choice by O'Reilly
Some applications need to let users pick one or more options from a set.

This object provides a more user-friendly solution to let users pick multiple options than the regular form select inputs.

It presents the options in a 2D table that the user can click and drag to select multiple options.

Manuel Lemos
  Performance   Level  
Name: Mark Rolich <contact>
Classes: 13 packages by
Country: Armenia Armenia
Age: 38
All time rank: 131 in Armenia Armenia
Week rank: 18 Down1 in Armenia Armenia Equal
Innovation award
Innovation award
Nominee: 6x

Winner: 1x

Details
Select2D.js
=================

Select2D is a javascript package which transforms HTML <select> controls to tables.
Supports multi-select using Ctrl, Shift and click-and-drag for select boxes with multiple selection enabled.

<a href="http://mark-rolich.github.io/Select2D.js/" target="_blank"><strong>Demo and documentation</strong></a>

Select2D.js requires Event.js package, which can be acquired at the following links:

* [Github](https://github.com/mark-rolich/Event.js)
* [JS Classes](http://www.jsclasses.org/package/212-JavaScript-Handle-events-in-a-browser-independent-manner.html)

Browser Compatibility
--------------------

Currently tested in:

* Chrome 24
* Firefox 18
* IE 7, 8, 9, 10
* Safari for Windows 5.1.7

Bug tracker
-----------

Have a bug? Please create an issue here on GitHub!

https://github.com/mark-rolich/Select2D.js/issues

Copyright and License
---------------------

The MIT License (MIT)

Copyright (c) 2014 Mark Rolich

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
  Files folder image Files  
File Role Description
Accessible without login Plain text file demo.css Data Demo styles
Accessible without login HTML file demo.html Doc. Demo and documentation
Plain text file Event.js Class Cross-browser event handling wrapper
Accessible without login Plain text file mit-license.txt Lic. LICENSE
Accessible without login Plain text file README.md Data README
Accessible without login Plain text file select2d.css Data Main styles
Plain text file Select2D.js Class Main class
Accessible without login Plain text file select2d.min.css Data Minified version of class styles
Plain text file Select2D.min.js Class Minified version of class

Downloadselect2d-js-2014-05-08.zip 11KB
Downloadselect2d-js-2014-05-08.tar.gz 8KB
Install with ComposerInstall with Composer
Needed packages  
Class DownloadWhy it is needed Dependency
Event Download .zip .tar.gz for cross-browser event handling Required
 Version Control Unique User Downloads Download Rankings  
 100%
Total:88
This week:0
All time:434
This week:30Up