Post by saccarrep » Sun Aug 01, 2010 12:02 am

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 5135 times

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

You can see it in action here ;)

Before you judge a book by its cover, you've got to flip through the pages

Image


User avatar
New member

Posts

Joined
Thu Jan 28, 2010 5:59 pm

Post by qahar » Sun Aug 01, 2010 12:35 am

awesome.... five stars for you...

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by JAY6390 » Sun Aug 01, 2010 12:50 am

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

Image


User avatar
Guru Member

Posts

Joined
Wed May 26, 2010 11:47 pm
Location - United Kingdom

Post by qahar » Sun Aug 01, 2010 1:06 am

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

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by saccarrep » Sun Aug 01, 2010 7:35 am

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

Before you judge a book by its cover, you've got to flip through the pages

Image


User avatar
New member

Posts

Joined
Thu Jan 28, 2010 5:59 pm

Post by JAY6390 » Sun Aug 01, 2010 8:18 am

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

Image


User avatar
Guru Member

Posts

Joined
Wed May 26, 2010 11:47 pm
Location - United Kingdom

Post by chintor » Fri Jul 05, 2013 6:25 pm

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!.

Newbie

Posts

Joined
Sat Feb 09, 2013 8:25 pm
Who is online

Users browsing this forum: No registered users and 75 guests