Virtual Keyboard Playground

https://github.com/Mottie/Keyboard

by Mottie

HTML

<link rel="stylesheet" href="http://mottie.github.com/Keyboard/css/keyboard.css">
<script src="http://mottie.github.com/Keyboard/js/jquery.keyboard.js"></script>
<script src="http://mottie.github.com/Keyboard/js/jquery.mousewheel.js"></script>
<script src="http://mottie.github.com/Keyboard/js/jquery.keyboard.extension-typing.js"></script>
<script src="http://mottie.github.com/Keyboard/js/jquery.keyboard.extension-autocomplete.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css">
<div id="wrap">
    <!-- wrapper only needed to center the input -->
    <!-- keyboard input -->
    <input class="keyboard" type="text">
    <input type="text">
    <input class="keyboard" type="text">
    <input class="keyboard" type="text">
</div>

CSS

body {
    font-size: 10px;
    margin-top: 200px;
}
#wrap {
    display: block;
    margin: 0 auto;
    width: 200px;
}
input { margin-bottom: 5px; }

JavaScript

$(function () {
		    $('.keyboard').keyboard({
		        autoAccept: true,
		        tabNavigation: true,
		        stopAtEnd: false
		    });
		});