How to Create a Keyboard with CSS and jQuery

Cool tutorial on nettuts creating a virtual keyboard with CSS and jQuery.

It's pretty neat, and this is the simplest code you can have. You can adapt the code and style it as you like, and put it on your web site!

If you want more complex keyboards, with language support, you should google for. This is the actual first result found: JavaScript Graphical / Virtual Keyboard Interface. I believe it's worth taking a peek.

Actually, you will find a lot of virtual keyboards on the google, and most of them are based on list, each key being a list item. I sat and thought of another structure, but no way: lists are way easier to work with and easier to style. I then thought of divs, using, of course, jQuerry appendTo() function. So the divs will be dynamically loaded, and their content too. Easy.

And then came in my mind tables. So I did my own version (very simple) of virtual keyboard, check it here: Virtual Keyboard. It's not perfect, but for now, it's done, and that's what really matters.