Login   Register  
Icontem

File: example.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Arturs Sosins  >  Keyboard  >  example.html  >  Download  
File: example.html
Role: Example script
Content type: text/plain
Description: Example usage
Class: Keyboard
Show on-screen keyboard to type letter by clicking
Author: By
Last change: credits changed
Date: 2011-04-25 12:08
Size: 1,541 bytes
 

Contents

Class file image Download
<!--
/*************************************************************
 * 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>