.This is the live demonstration of the JavaScript keyboard (SJK). It is released under the GPL.
As part of the Minerva project I needed an on-screen keyboard for the touch sensitive panels I plan to have in the kitchen. This resulted in various experiments, resulting in the keyboard you see below. It was auto-generated by a PHP script which I am not ready to release - sorry!
However, it is a remarkably featureful piece of code. The caps lock will not only engage the capital letters, but also change the images on the keys. The shift keys also work in the same manner, and the buttons can be applied to multiple forms. Oh - and enter submits the form, as you'd probably expect.
| ` | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 0 | - | = | # | Clear | ||||||||||||||||||||||||||||||||||||||||||||||||
| Tab | q | w | e | r | t | y | u | i | o | p | [ | ] | Enter | |||||||||||||||||||||||||||||||||||||||||||||||||
| Caps | a | s | d | f | g | h | j | k | l | ; | ' | ^ | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Shift | \ | z | x | c | v | b | n | m | , | . | / | Shift | Space | |||||||||||||||||||||||||||||||||||||||||||||||||
This is still a work-in-progress, so there are several things I don't like. Such as the use of Clear instead of delete, and the problem of < when . is shifted.
Two future versions are planned. One that permits graphics to be used for each letter, instead of the (rather plain) text. I will also be photographing my keyboard and creating an HTML map as a complete alternative.
Adding the keyboard to your own page is easy. Simply rip out the javascript from the top of this page, and combine it with the keyboard
render code. The HTML is documented for you. Then just add:
<body onLoad="javascript:initialise(document.textform.tt2);">
to initialise SJK. The document.textform.tt2 parameter indicates the default text area that SJK should use.
I am Steven Goodwin. A general-purpose "geek about town". Any comments of feedback should be sent to .