« »

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 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.

Label: Virtual Keyboard

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
Files
JavaScript
HTML
Print

Virtual_Keyboard.zip

Copy All x2

<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
	-->

Copy All x2

<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
	-->

Comment (0)
Write

by myncEmbocky, 08/03/2010 08:03 PM
genry

eee, respect! cool post!

by mbirth, 06/04/2010 09:04 AM
Problems with different Keyboard layout

I have a German QWERTZ-keyboard and when pressing "Z" or "Y", the wrong buttons on the virtual keyboard are triggered. Pressing "Z" triggers the button at the "Y"-place (i.e. where the "Z" on an American QWERTY keyboard is) and vice versa.

Browser is Chromium 5.0.368.0 on Ubuntu Linux.

by openfirm, 22/04/2010 10:04 AM
Maybe

Thanks for the help in this question. I did not know it.
Improbably!
Absolutely with you it agree. In it something is and it is excellent idea. I support you.
In it something is also to me it seems it is very good idea. Completely with you I will agree.
In my opinion you are not right. Let's discuss. Write to me in PM, we will talk.

by stickmarket, 24/04/2010 05:04 AM
Hi

Aha, so too it seemed to me.
In my opinion you are not right. I am assured. I can prove it. Write to me in PM, we will discuss.
I consider, that you are not right. Let's discuss it.
Looking what fuctioning
This amusing opinion

by turfirmspb, 25/04/2010 01:04 PM
Good done

I consider, that you are not right. I am assured. Write to me in PM, we will discuss.
Certainly. And I have faced it. Let's discuss this question. Here or in PM.
In it something is. Now all is clear, many thanks for the information.
I apologise, but, in my opinion, you commit an error.
You it is serious?

by memanvoda, 28/04/2010 01:04 PM
Good Luck

My God! Well and well!
It only reserve
Completely I share your opinion. It is good idea. I support you.
I consider, that you commit an error. I suggest it to discuss. Write to me in PM.
I am sorry, it not absolutely that is necessary for me. Who else, what can prompt?

by wagBeigoReida, 30/04/2010 04:04 AM
morton

good post thank's you

by spbotdih, 01/05/2010 02:05 AM
Respect

Absolutely with you it agree. In it something is and it is good idea. It is ready to support you.
I am am excited too with this question. You will not prompt to me, where I can find more information on this question?
It is remarkable, rather valuable piece
In my opinion you commit an error. I can prove it. Write to me in PM, we will discuss.
No doubt.

by Androidich, 05/05/2010 08:05 PM
Funnyy

You commit an error. Write to me in PM, we will discuss.
Where the world slides?
Now all became clear, many thanks for an explanation.
Certainly, it is not right
Quite right! So.

by promtovar, 06/05/2010 01:05 AM
Right

Also that we would do without your remarkable idea
I think, that you are mistaken.
Ur!!!! We have won

It is remarkable, this rather valuable message
I join. So happens.

by newavtozvuk, 10/05/2010 07:05 AM
Write more

In my opinion you are mistaken. Let's discuss it. Write to me in PM.
Yes, in due time to answer, it is important
It is simply remarkable answer
It seems magnificent idea to me is
In my opinion you are not right. I can defend the position. Write to me in PM, we will communicate.

by Aleffinnext, 22/05/2010 01:05 AM
What's going - we will see

Thank you - I liked this post. Anyway the time will pass and we will see if you are right or not. Have a nice day and regards from New Zeland!
Chris
My site