Follow us

Thursday, October 14, 2010

Virtual keyboard Interface

Introduction

Virtual Keyboard Interface is designed to protect your data from malicious “Spyware” and “Trojan Programs” while typing or pressing keys on physical keyboard. The script used will enable a virtual keyboard interface for your selected text fields, password fields and textareas, allowing users to fill them using the mouse only.

Advantages

  • Perhaps useful for places where you may not have a keyboard, such as web kiosks, or a convenience input method for servers which have had the keyboard removed.
  • Also, great for inserting special characters not directly available on your physical keyboard.
  • Use of Virtual keyboard will reduce the risk of password theft.

I would like to thanks GreyWyvern for developing such a wonderful interface.

How to create Virtual Keyboard Interface ?

Include javascript(keyboard.js) file

<script src="keyboard.js" type="text/javascript"></script>

Include CSS(keyboard.css) file

<link href="keyboard.css" rel="stylesheet" type="text/css" />

Set the image path

We have to set the path of image used as Keyboard Interface in javascript file. Also, you can change Virtual Keyboard Interface default settings in keyboard.js Javascript file

Add class('keyboardInput') to the input where you want to add Virtual Keyboard Interface

<input class="keyboardInput" id="txtPassword"  />

Demo

Demo
Name 
Password

Download Example (includes keyboard.js,keyboard.css,keyboard.png)

Sr.No Download Size
1 Virtual Keyboard Interface - Example 35.36 KB

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "Virtual keyboard Interface"

Post a Comment