Create Android style pattern lock using jQuery

Pattern Lock is a light weight plugin to simulate android like pattern lock mechanism for your hybrid app or for a website. It's easy to configure and style so you can have different type of pattern lock according to your need.


You may also like:

• Detect Android Devices/Phone using jQuery
• Top Free Android Apps for learning jQuery

How to use it?

Include jquery library and patternLock.js and patternLock.css in your page.

<link href="patternLock.css"  rel="stylesheet" type="text/css" /><script src="jquery.js"></script><script src="patternLock.js"></script>

Then with simple initialization you have created your pattern lock.

var lock = new PatternLock("#patternContainer");

You can create different size of patterns and also control the size and spacing between dots.

This plugin also comes with following additional things like Keep pattern hidden while drawing, use mapper and use at captcha for spam prevention.

Feel free to contact me for any help related to jQuery, I will gladly help you.