http://pomnim.me/assets/js/keyboard.js?1790319090

1$(document).ready(function() {
2$("#write").focus(function() {
3    $('#container').attr('class', 'show');
4    $('#container').removeAttr('class', 'hidden');
5});
6
7$("#write2").focus(function() {
8    $('#container').attr('class', 'show');
9    $('#container').removeAttr('class', 'hidden');
10});
11
12$("#write3").focus(function() {
13    $('#container').attr('class', 'show');
14    $('#container').removeAttr('class', 'hidden');
15});
16
17$("#write4").focus(function() {
18    $('#container').attr('class', 'show');
19    $('#container').removeAttr('class', 'hidden');
20});
21
22$('input[name="surname"]').focus(function() {
23    $("input").removeAttr("id")    
24    $('input[name="surname"]').attr('id', 'write');
25})
26$('input[name="name"]').focus(function() {
27    $("input").removeAttr("id")    
28    $('input[name="name"]').attr('id', 'write');
29})
30$('input[name="lastname"]').focus(function() {
31    $("input").removeAttr("id")    
32    $('input[name="lastname"]').attr('id', 'write');
33})
34$('input[name="date_death"]').focus(function() {
35    $("input").removeAttr("id")    
36    $('input[name="date_death"]').attr('id', 'write');
37})
38});
39
40
41$(function(){
42	var shift = false,
43		capslock = false;
44
45       var e = $.Event("keydown", { keyCode: 9}); //"keydown" if that's what you're doing
46	
47	$('#keyboard li').click(function(){
48		var $this = $(this),
49			character = $this.html(); // If it's a lowercase letter, nothing happens to this variable
50		
51		// Shift keys
52		if ($this.hasClass('left-shift') || $this.hasClass('right-shift')) {
53			$('.letter').toggleClass('uppercase');
54			$('.symbol span').toggle();
55			
56			shift = (shift === true) ? false : true;
57			capslock = false;
58			return false;
59		}
60		
61		// Caps lock
62		if ($this.hasClass('capslock')) {
63			$('.letter').toggleClass('uppercase');
64			capslock = true;
65			return false;
66		}
67		
68		// Delete
69		if ($this.hasClass('delete')) {
70			var val = $('#write').val();
71			
72			$('#write').val(val.substr(0, val.length - 1));
73			return false;
74		}
75		
76		// Special characters
77		if ($this.hasClass('symbol')) character = $('span:visible', $this).html();
78		if ($this.hasClass('space')) character = ' ';
79		if ($this.hasClass('tab'))  {character = ''; $('body').trigger(e)};
80		if ($this.hasClass('return')) character = '';
81		
82		// Uppercase letter
83		if ($this.hasClass('uppercase')) character = character.toUpperCase();
84		
85		// Remove shift once a key is clicked.
86		if (shift === true) {
87			$('.symbol span').toggle();
88			if (capslock === false) $('.letter').toggleClass('uppercase');
89			
90			shift = false;
91		}
92		
93		// Add the character
94		$('#write').val($('#write').val() + character);
95	});
96});