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
KrazyFire's Avatar
KrazyFire : Admin
KrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant futureKrazyFire has a brilliant future
offline Joined: Sep 2007 Location: UK Posts: 698 Thanked: 1,001
  #1  
Thread Starter Unread 10-29-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"

<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" />
                    </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>$vbphrase[password]:<br /><input type="password" class="bginput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>
change to:
<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:
<tr>
<td>$vbphrase[password]:<br /><input type="password" class="bginput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>
change to:
<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:
<tr>
<td>$vbphrase[password]:</td>
<td><input type="password" class="bginput" name="vb_login_password" size="50" tabindex="1" /></td>
</tr>
change to:
<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
Attached Files Click the thanks button to view this attachment.
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
  #2  
Unread 10-29-07
Already posted here

https://gysn.org/vb-3-6-x-addons-tem...interface.html

Search is good
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