FREE LOGO

virtualKeyboard

virtualKeyboard

					// → You will need this CSS classes and id's

					#k{	width: 450px; padding: 2px; box-shadow: 0px 3px 3px -3px black;	border: 3px solid #CCC; background: white; position: absolute; z-index: 999999; }
			    	.r{	width: 100%; height: 30px; margin-top: 2px; display: inline-block; }
			    	.r:first-of-type{ height: 20px; }
			    		.l{ width: 420px; float: left; }
			    		#r{ width: 20px; float: right; cursor: pointer; }
			    			.b{	width: 20px; height: 28px; font-weight: 200; font-size: 1.1em; text-align: center; float: left;	cursor: pointer; color:#FFF; margin:0px 2px; box-shadow:0px 3px 3px -3px black;	border:1px solid #c53421; background: linear-gradient(#f76501, #fa3418); }
			    			.b:hover{ background: linear-gradient(#fa3418, #f76501); box-shadow: none; }
			    			#b1{ width: 98px; }
				
					// → SINTAX
					virtualKeyboard(target, event)
					// → EXAMPLE
					virtualKeyboard('#i', 'click')
				

Function at work...

Total page view 19650. Yesterday 158. Page visit today 113.