https://github.com/alienhoboken/digipin

A Digital PIN Entry Tool
https://github.com/alienhoboken/digipin

Last synced: about 1 month ago
JSON representation

A Digital PIN Entry Tool

• Host: GitHub
• URL: https://github.com/alienhoboken/digipin
• Owner: AlienHoboken
• License: mit
• Created: 2013-01-28T18:57:51.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2014-03-05T18:38:55.000Z (almost 11 years ago)
• Last Synced: 2024-04-23T17:12:19.227Z (9 months ago)
• Language: CSS
• Size: 137 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
About

=======

DigiPIN is a randomized digital PIN entry tool for websites written in javascript using jQuery. DigiPIN allows users to more securely enter their PIN by avoiding keyboard input and thus reducing the risk from malicious programs such as keyloggers.

DigiPin also employs a keypad which randomizes the location of the numbers before every input.

Currently only one DigiPIN can be used per page.

DigiPIN is licensed under the MIT license.

Using

-----

Prerequisits: jQuery Library v. 1.4.2 or greater - [jQuery can be acquired here](http://jquery.com)

First, include DigiPIN as well as a compatible version of jQuery (see above) and a DigiPIN CSS stylsheet. All except the jQuery Library can be found in the src folder. 

DigiPIN comes with 3 styles by default. A light, a dark, and a no background style. You can simply modify the css to change these files. I prefer the dark though.

```html

```

Include the digipin div where you want it to appear on the page. By default it is a block style element with width = 160px and height = 170px.

```html



```


Then just initialize DigiPIN on a text input element.

```html

$(document).ready(function() {

  $('#input').digipin();

});

```