https://github.com/kabachello/jquery.numpad
Touch-optimized numeric on-screen keypad for jQuery
https://github.com/kabachello/jquery.numpad
jquery keypad numpad
Last synced: about 2 months ago
JSON representation
Touch-optimized numeric on-screen keypad for jQuery
- Host: GitHub
- URL: https://github.com/kabachello/jquery.numpad
- Owner: kabachello
- License: mit
- Created: 2015-03-03T08:23:17.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2021-08-06T15:00:21.000Z (over 4 years ago)
- Last Synced: 2025-09-06T07:55:10.106Z (3 months ago)
- Topics: jquery, keypad, numpad
- Language: JavaScript
- Homepage: http://a.kabachnik.info/jquery-numpad.html
- Size: 28.3 KB
- Stars: 78
- Watchers: 4
- Forks: 50
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: HISTORY.md
- License: LICENSE
Awesome Lists containing this project
README
# jQuery.NumPad
Flexible touch-optimized numeric keypad for web applications based on jQuery. One of the best things about jQuery.NumPad is that it can easily fit into most UI frameworks using jQuery by merely setting a few templates! The numeric keypad can be used to fill inputs, password fields, general div-elements or entire table columns.
## Demos
- With jQuery mobile: [http://a.kabachnik.info/numeric-keypad-for-jquerymobile.html](http://a.kabachnik.info/numeric-keypad-for-jquerymobile.html)
- With Bootstrap: [http://a.kabachnik.info/jquery-numpad.html](http://a.kabachnik.info/jquery-numpad.html)
- Stand alone: coming soon!
## Documentation
[http://a.kabachnik.info/jquery-numpad.html](http://a.kabachnik.info/jquery-numpad.html)
## Quick start
1) Include the plugin and the CSS in your header
```html
```
2) Initialize numpads for every element you want to toggle a numeric keypad
```javascript
function($){
$('selector1').numpad();
}
```
## TODOs & Known bugs
- Fix conflicts with the locale based number formatting on input fields with type="number".
- Add position options to place the keypad above or aside the target element
- Make a simple calculator
## License
jQuery.NumPad is an open source project by [Andrej Kabachnik](http://a.kabachnik.info), that is licensed under [MIT](http://opensource.org/licenses/MIT). If you like the plugin an wish to support further development, you can show your appriciation by a donation. Even small donations are a great support!