VB Graphical Virtual Keyboard Interface

VB Graphical Virtual Keyboard Interface

Mod Version: 1.1, by yoyoyoyo

This modification is in the archives.

vB Version: 3.6.8	Rating: (5 votes - 4.80 average)	Installs: 31
Released: 12 Oct 2007	Last Update: 17 Oct 2007	Downloads: 184
Not Supported Template Edits Additional Files Translations

VB Graphical Virtual Keyboard Interface
version 1.1

Template edits: 7
New file to upload: 3
Install Time: approx. 10 minutes

About this modification:

This adds a graphical keyboard interface to allow forum members to easily input their passwords so they can be filled by clicking their mouse only (to avoid keyloggers).

It also adds easy access to special characters your existing keyboard may not otherwise have the ability to generate.

Comes with Belgian, Dutch, Dvorak, French, German, Greek, Lithuanian, Norwegian, Number Pad, Polish Programmers, Portuguese, Russian, Turkish-F, Turkish-QWERTY, UK, US Standard and US International keyboard layouts, dynamically selectable.

This script has been tested to work in IE 6.0, IE 7.0, Firefox 2.0.0.4, Firefox 2.0.0.7, Opera 9.21 and Safari 3.0 beta for Windows. If javascript is disabled, the keyboard icons simply do not appear, so the script degrades gracefully.

Installation:

Upload:

Upload the contents of the "forum" folder to your forum root folder (the same folder that has index.php, memberlist.php. etc.)

NOTE: If you also are using a CMPS such as vBadvanced, also upload the contents of the "forum" folder to the root directory of your site where your CMPS is installed as well.

Template Edits:

Go to your Admin Control Panel, and select the "Styles & Templates" navigation option, and click on "Style Manager"
In the dropdown menu select "Edit Templates"
click on the "<<>>" button to expand all of the templates
select the "headinclude" template and click on "Customize" or "Edit"
In your "headinclude" template add this to the very bottom:

Code:

<script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">

click "save"

Next, select the "navbar" template and click on "Customize" or "Edit"

search for:

Code:

<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>

change to:

Code:

<td><input type="password" class="keyboardInput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>

click "save"

Select the register template and click on "Customize" or "Edit"

search for:

Code:

<input type="password" class="bginput" name="password" size="25" maxlength="50" value="$password" />
                    </td>
                    <td>
                        $vbphrase[confirm_password]:<br />
                        <input type="password" class="bginput" name="passwordconfirm" size="25" maxlength="50" value="$passwordconfirm" />

change to:

Code:

<input type="password" class="keyboardInput" name="password" size="25" maxlength="50" value="$password" />
                    </td>
                    <td>
                        $vbphrase[confirm_password]:<br />
                        <input type="password" class="keyboardInput" name="passwordconfirm" size="25" maxlength="50" value="$passwordconfirm" />

click "save"

Select the modifypassword template and click on "Customize" or "Edit"

search for:

Code:

            <div class="fieldset">
                <div>$vbphrase[enter_password_to_continue]:</div>
                <div><input type="password" class="bginput" name="currentpassword" size="50" maxlength="50" /></div>
            </div>
            <fieldset class="fieldset">
                <legend>$vbphrase[edit_password]<if condition="$show['password_optional']"> ($vbphrase[optional])</if></legend>
                <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                <tr>
                    <td>
                        <div>$vbphrase[new_password]:</div>
                        <div><input type="password" class="bginput" name="newpassword" size="50" maxlength="50" /></div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div>$vbphrase[confirm_new_password]:</div>
                        <div><input type="password" class="bginput" name="newpasswordconfirm" size="50" maxlength="50" /></div>
                    </td>
                </tr>
                </table>
            </fieldset>

change to:

Code:

            <div class="fieldset">
                <div>$vbphrase[enter_password_to_continue]:</div>
                <div><input type="password" class="keyboardInput" name="currentpassword" size="50" maxlength="50" /></div>
            </div>
            <fieldset class="fieldset">
                <legend>$vbphrase[edit_password]<if condition="$show['password_optional']"> ($vbphrase[optional])</if></legend>
                <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                <tr>
                    <td>
                        <div>$vbphrase[new_password]:</div>
                        <div><input type="password" class="keyboardInput" name="newpassword" size="50" maxlength="50" /></div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div>$vbphrase[confirm_new_password]:</div>
                        <div><input type="password" class="keyboardInput" name="newpasswordconfirm" size="50" maxlength="50" /></div>
                    </td>
                </tr>
                </table>
            </fieldset>

click "save"

Select the STANDARD_ERROR template and click on "Customize" or "Edit"

search for:

Code:

<tr>
<td>$vbphrase[password]:<br /><input type="password" class="bginput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>

change to:

Code:

<tr>
<td>$vbphrase[password]:<br /><input type="password" class="keyboardInput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>

click "save"

Select the STANDARD_ERROR_LITE template and click on "Customize" or "Edit"

search for:

Code:

<tr>
<td>$vbphrase[password]:<br /><input type="password" class="bginput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>

change to:

Code:

<tr>
<td>$vbphrase[password]:<br /><input type="password" class="keyboardInput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>

click "save"

Select the STANDARD_ERROR_LOGIN template and click on "Customize" or "Edit"

search for:

Code:

<tr>
<td>$vbphrase[password]:</td>
<td><input type="password" class="bginput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>

change to:

Code:

<tr>
<td>$vbphrase[password]:</td>
<td><input type="password" class="keyboardInput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>

click "save"

Customization:

To change the default keyboard which displays first for each different page, change the value of the this.VKI_kt variable to the name of the keyboard. For example, to make the default keyboard "US Int'l", change the value like so: this.VKI_kt = "US Int'l";.

To turn dead keys on by default, set the value of this.VKI_deadkeysOn to true.

Usage:

Simply click on the keyboard icon and the virtual keyboard drops down.
To choose your keyboard layout select the keyboard of your choice via the dropdown menu.
Enter your password by clicking on the virtual keys.
To close the keyboard, click on the keyboard icon again.

HISTORY:
v 1.0: released 10/12/2007
v 1.0.1: released 10/12/2007 - added Romanian PC L101 keyboard
v 1.1: released 10/12/2007 - added the virtual keyboard to Register, Modify Password and error screens password entry

http://www.vbulletin.org/forum/vborg_miscactions.php?do=nominate&threadid=160060&type=1

Download

This modification is archived, downloads are still allowed.

virtual_keyboard-1.1.zip (56.0 KB, 160 downloads)

Supporters / CoAuthors

yoyoyoyo

Screenshots

Graphical Interface v1.0 from VizioneX	vBulletin 3.6 Styles
Arabic Keyboard 1.0.0	vBulletin 3.5 Add-ons
Graphical Interface for the NNTP Gateway	vBulletin 2.x Full Releases

vBulletin LTS