For all of you who want to know here's the steps:
1. Download keyboard.js, keyboard.css, and keyboard.png from here (of course you can use your own picture)
2. upload keyboard.js to catalog/view/javascript
3. upload keyboard.css to catalog/view/theme/default/stylesheet
4. upload keyboard.png to catalog/view/theme/default/image
5. edit file login.tpl in catalog/view/theme/default/template/account
find this code
Code: Select all
<b><?php echo $entry_password; ?></b><br />
<input type="password" name="password" />
<br />
Code: Select all
<b><?php echo $entry_password; ?></b><br />
<input type="password" name="password" class="keyboardInput"/>
<br />
Code: Select all
//--></script>
<script type="text/javascript" src="catalog/view/javascript/keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/keyboard.css">
You can see it in action here
