»
EnglishFrenchVietnamese

Print - Virtual Keyboard - JavaScriptBank.com

Full version: jsB@nk » Utility » Virtual Keyboard
URL: http://www.javascriptbank.com/virtualkeyboard-index.html

Virtual Keyboard © JavaScriptBank.comThis JavaScript integrates complete virtual keyboard solution to the any web page. It does support mouse input, as well as keyboard input translation. Plain text and rich text controls are supported and plugins for several online WYSIWYG editors exists.Script includes support for 130 languages, including IME - Chinese, Japanese and thers. Keyboard is easy skinnable by using CSS.Tip: this demo contains three layouts, you can switch them through q.skin variable in vk_loader.js file.

Full version: jsB@nk » Utility » Virtual Keyboard
URL: http://www.javascriptbank.com/virtualkeyboard-index.html



JavaScript
<script type="text/javascript" src="vk_loader.js" ></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<form action="no.cgi" method="get">      <div>       Subject:<br />       <input name="testa" id="testa" type="text" onfocus="VirtualKeyboard.attachInput(this)" /><br />       Password (has keyboard animation disabled):<br />       <input name="test_pwd" id="test_pwd" type="password" class="VK_no_animate" onfocus="VirtualKeyboard.attachInput(this)" /><br />       Text:<br />       <textarea name="testb" id="testb" type="text" cols="55" rows="10" wrap="soft" onfocus="VirtualKeyboard.attachInput(this)"></textarea>       <br />       <br />       <div id="td"></div>       <br />       <input id="showkb" type="button" value="Keyboard" onclick="VirtualKeyboard.toggle('testb','td'); return false;" />      </div>      <div id="dbg">      </div>     </form>     <script type="text/javascript">         EM.addEventListener(window,'domload',function(){             /*             *  open the keyboard             */             VirtualKeyboard.toggle('testb','td');             var el = document.getElementById('sul')                ,lt = VirtualKeyboard.getLayouts()                ,dl = window.location.href.replace(/[?#].+/,"")             for (var i=0,lL=lt.length; i<lL; i++) {                 var cl = lt[i];                 cl = cl[0]+" "+cl[1];                 lt[i] = "<a href=\""+dl+"?vk_layout="+cl+"\" onclick=\"VirtualKeyboard.switchLayout(this.title);return false;\" title=\""+cl+"\" alt=\""+cl+"\" >"+cl+"</a>"             }             el.innerHTML += "<li>"+lt.join("</li><li>")+"</li>";         });     </script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/utility/VirtualKeyboard/Virtual_Keyboard.zip