Virtual Keyboard Interface | JavaScriptSource

Virtual Keyboard Interface

JavaScriptSource Staff Apr 18, 2008


This script is a reusable system for adding a graphical keyboard interface to text fields, password fields, and textareas so they can be filled with mouse only. It also adds easy access to special characters your existing keyboard may not otherwise have the ability to generate. Comes with Arabic, Belgian, Dutch, Dvorak, French, German, Greek, Hebrew, Hungarian, Italian, Lithuanian, Norwegian, Number Pad, Polish Programmers, Portuguese, Russian, Slovenian, Spanish (Spain), Turkish-F, Turkish-QWERTY, UK, US Standard and US International keyboard layouts, dynamically selectable. Add additional layouts is simple. Easily implemented on any Web site.

Click the keyboard icon below.


Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: keyboard.js


Paste this code into the HEAD section of your HTML document.


Paste this code into the BODY section of your HTML document


Download the images using the URL below:

Leave a Response


in js code there is a CSS codes part, select that part, cut and make another external css file with this codes.[br /]then include this external css file to your page, it will work...[br /](i had same problem and i've solved with i said)

BAHADIR Aug 29, 2008

Nope. If you look under the "Other" tab, you'll see the link for the image.

Lee Jun 26, 2008

You will need to submit your question to the [a href=""]JavaScript forums[/a].

Lee May 12, 2008

I downloaded the keyboard code and JV, but can not ge tthe keybaord to display!![br /][code removed]

Al May 2, 2008

Thanks for sharing the nice snippet on the web, it just what i am looking to learn which help me to create something similar for my application.

Himanshu Jain Apr 20, 2008