Welcome to WebmasterServe!

FREE TO JOIN! Join us now to engage in informative and friendly discussions about Webmastering, SEO, SEM, Internet Marketing, Programming, Graphic Design, Online Jobs and more. What are you waiting for? Ready to join our friendly community? It takes just one minute to register.

Dismiss Notice

Join WebmasterServe Forums 
Join the discussion! Have a better idea or an opinion? It takes just one minute to register Click Here to Join

My 2 Cents Virtual Keyboard Using Javascript

Discussion in 'Javascript and jQuery' started by JavaScriptBank, Nov 29, 2009.

Thread Status:
Not open for further replies.
  1. JavaScriptBank

    Yellow Belt

    Joined:
    Jul 11, 2009
    Messages:
    85
    Ratings:
    +0 / -0
    This 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 te... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

    [​IMG]
    Demo: Virtual Keyboard

    How to setup

    Step 1: Copy & Paste JavaScript code below in your HEAD section
    JavaScript
    Code:
    Select All
    <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 -->
    Step 2: Place HTML below in your BODY section
    HTML
    Code:
    Select All
    <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 -->
    Step 3: downloads
    Files
    Virtual_Keyboard.zip






     
Thread Status:
Not open for further replies.

Share This Page