Skip to content

Standalone javascript library to transform a standard password input box of a HTML form into a 9-dot pattern lock. Targeted at mobile webapplications where drawing a pattern on the touchscreen is far easier than typing in a password. Works on every major desktop and mobile browser.

steffest/PatternLock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PatternLock

Standalone javascript library to transform a standard password input box of a HTML form into a 9-dot pattern lock. Targeted at mobile webapplications where drawing a pattern on the touchscreen is far easier than typing in a password.

Works on every major desktop and mobile browser.

(This repository was moved from https://9dotpatternlock.codeplex.com/)

Example use
Copy the _img,_script and _style folders to your hosting
Copy these 2 lines in your HTML source

<link rel="stylesheet" type="text/css" href="_style/patternlock.css"/>
<script src="_script/patternlock.js"></script>

give your password input element the className "patternlock"
e.g. <input type="password" name="password" class="patternlock">

Live demo at http://www.stef.be/dev/javascript/patternlock/

About

Standalone javascript library to transform a standard password input box of a HTML form into a 9-dot pattern lock. Targeted at mobile webapplications where drawing a pattern on the touchscreen is far easier than typing in a password. Works on every major desktop and mobile browser.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published