<!--
/*************************************************************
* This script is developed by Arturs Sosins aka ar2rsawseen, http://webcodingeasy.com
* Fee free to distribute and modify code, but keep reference to its creator
*
* Keyboard class creates an onscreen keyboard for websites.
* It emulates normal keyboard behavior by providing functions like Tab,
* Capslock, Shift, Enter, Backspace, AltGr, Home and End, and
* it can manipulate data in textareas and input fields with text or password type.
* Keyboard outlook is adjustable and users can be allowed to change size and language of keyboard
*
* For more information, examples and online documentation visit:
* http://webcodingeasy.com/JS-classes/On-screen-Keyboard
**************************************************************/
-->
<html>
<head>
</head>
<body>
<form id='form' action='' method='post'>
<p>Input text: <input type='text' name='text'/></p>
<p>Input pass: <input type='password' name='pass'/></p>
<p>Text:</p>
<p><textarea rows='5' cols='20' name='textarea'></textarea></p>
<p><input type='submit' value='submit'/></p>
</form>
<div id='keyboard'></div>
<!-- main class -->
<script type="text/javascript" src="./keyboard.packed.js" ></script>
<!-- additional keyboard languages (keymaps) -->
<script type="text/javascript" src="./keymaps.js" ></script>
<script type="text/javascript">
var kb = new keyboard("keyboard");
for(var i in maps)
{
kb.add_keymap(i, maps[i]);
}
kb.show();
</script>
</body>
</html>
|
Download
