jQuery Forum

Just attach it to a div instead of a field. You'll then need to respond to the onClose callback to get the value:

1. $('#keypad').keypad({closeText: 'Done', closeStatus: 'Use this value', onClose: function(value) {
2.       alert(value);
3. }});
4. 
   
5. <div id="keypad"></div>

Thanks Keith, I think that's more along the lines of what I need. However, the keyboard doesn't load at all now. Really what I want is for the keypad to look static. No animations, no open/close. When people navigate to the page I want them to see the keyboard, use the virtual keypad or the keyboard to enter numbers. On submit we are running a script to check that code against a database and spitting out a response.

There are two problems:

* Your code should be wrapped in a document.ready callback to ensure that the DOM is available before being accessed.

* You have closed off the keypad call too early - after the layout setting - producing a JavaScript error and causing the code to be ignored.

1. $(function() { // Shorthand for $(document).ready(function() {
2.       $('#keypad').keypad({keypadOnly: false,
3.             layout: ['123', '456', '789', $.keypad.CLEAR + '0' + $.keypad.ENTER],
4.             closeText: 'Done', closeStatus: 'Whatever Here',
5.             onClose: function(value) {
6.                   alert('Hmm?');
7.             }
8.       });
9. });

Also, your #keypad div should be empty.

Worked a treat! Thanks so much for your help. jQuery magic, some CSS, and voila!