Facebook Twitter Pinterest Share

vBulletin 3.X Add-ons & Template Modifications All the latest vBulletin 3.X Add-ons & Template Modifications.


New Thread  Post Reply
Daz's Avatar
Daz : To right I fecking bite
Daz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond repute
offline Joined: Sep 2007 Posts: 455 Thanked: 166
  #1  
Thread Starter Unread 10-13-07
VB Graphical Virtual Keyboard Interface

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:

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

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

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

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

<input type="password" class="keyboardInput" name="password" size="25" maxlength="50" value="$password/>
<
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:

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


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

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


<tr>
<
td class="alt1">$vbphrase[password]:</td>
<
td class="alt1"><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:

<tr>
<
td class="alt1">$vbphrase[password]:</td>
<
td class="alt1"><input type="password" class="bginput" name="vb_login_password" size="50" tabindex="1" /></td>
</
tr
change to:
<tr>
<
td class="alt1">$vbphrase[password]:</td>
<
td class="alt1"><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:

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

<tr>
<
td class="alt1">$vbphrase[password]:</td>
<
td class="alt1"><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


Attached Files Click the thanks button to view this attachment.
Quote
The Following 2 Users Say Thank You to Daz For This Useful Post:
zarksentinel's Avatar
zarksentinel : Newbie +
zarksentinel is on a distinguished road
offline Joined: Nov 2007 Posts: 8 Thanked: 0
  #2  
Unread 11-19-07
thx man,its work

Last edited by zarksentinel; 11-19-07 at 07:16 PM.
Kfir's Avatar
Kfir : Member
Kfir is on a distinguished road
offline Joined: Oct 2007 Posts: 28 Thanked: 1
  #3  
Unread 11-19-07
Does it force you to use the virtual keyboard, or it let you choose?
And thanks.
Daz's Avatar
Daz : To right I fecking bite
Daz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond reputeDaz has a reputation beyond repute
offline Joined: Sep 2007 Posts: 455 Thanked: 166
  #4  
Thread Starter Unread 11-19-07
lets you choose, but it's good if your concerned about keystroke loggers
New Thread  Post Reply

Thread Tools

Bookmarks
  • Submit Thread to Facebook
  • Submit Thread to Twitter
  • Submit Thread to Pinterest
  • Submit Thread to LinkedIn
  • Submit Thread to Reddit
Tags
interface, keyboard, virtual, graphical
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Powered by GYSN Underground 2021