Page 1 of 1

[HOW TO] On Screen/Virtual Keyboard

Posted: Sun Aug 01, 2010 12:02 am
by saccarrep
I'm thinking about on screen keyboard feature and search it in forum but can't find one so I search for free on screen keyboard on the internet and apply it to opencart.

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 />
and change it into this

Code: Select all

<b><?php echo $entry_password; ?></b><br />

            <input type="password" name="password" class="keyboardInput"/>

            <br />
add this code before echo footer code

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">
and here's the screenshot
virtualkeyboard.png

virtualkeyboard.png (18.94 KiB) Viewed 5134 times

Maybe it can help someone who buy from our store but using public computer

You can see it in action here ;)

Re: [HOW TO] On Screen/Virtual Keyboard

Posted: Sun Aug 01, 2010 12:35 am
by qahar
awesome.... five stars for you...

Re: [HOW TO] On Screen/Virtual Keyboard

Posted: Sun Aug 01, 2010 12:50 am
by JAY6390
Very clever little JS app! I have to say though I don't really see many people having a use for an OSK tbh, but I might be wrong. I still find I can type a heck of a lot faster with a keyboard compared to an on screen one I click :)

Re: [HOW TO] On Screen/Virtual Keyboard

Posted: Sun Aug 01, 2010 1:06 am
by qahar
JAY6390 wrote:Very clever little JS app! I have to say though I don't really see many people having a use for an OSK tbh, but I might be wrong. I still find I can type a heck of a lot faster with a keyboard compared to an on screen one I click :)
but some app like this is more secure, because key log software cannot "see" what you type..
and i think that's why he put it on password field. CMIIW

Re: [HOW TO] On Screen/Virtual Keyboard

Posted: Sun Aug 01, 2010 7:35 am
by saccarrep
qahar wrote: but some app like this is more secure, because key log software cannot "see" what you type..
and i think that's why he put it on password field. CMIIW
yup you're riqht Qahar, thats why i put the statement in the first post
saccarrep wrote:Maybe it can help someone who buy from our store but using public computer

Re: [HOW TO] On Screen/Virtual Keyboard

Posted: Sun Aug 01, 2010 8:18 am
by JAY6390
You would also need it for the payment gateways in that instance, which won't have it. I would class that data far more at risk than a login for the cart. I see what you're doing and can appreciate it, I just think in the grand scheme of things it's not a massive issue

Re: [HOW TO] On Screen/Virtual Keyboard

Posted: Fri Jul 05, 2013 6:25 pm
by chintor
Hai, I want to add onscreen virtual keyboard. But, it Doesn't work with 1.5.4.1.

I also tried the extension http://www.opencart.com/index.php?route ... ery&page=2

My website: http://allmixedup.demos.x10host.com/

But it doesn't worked.

Could u help me anyone? Please!.