patternLock

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. Is also provide some methods to use this plugin securely.

<strong>How to use?</strong><br> Include jquery and patternLock.js and patternLock.css to your page. <pre class="brush: xml;"> &lt;link href=&quot;patternLock.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt; &lt;script src=&quot;jquery.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;patternLock.js&quot;&gt;&lt;/script&gt; </pre> Than with simple initialization you have your pattern lock. <pre class="brush: js;"> var lock = new PatternLock("#patternContainer"); </pre> <br/> Check demo and documentation on <a href="http://ignitersworld.com/lab/patternLock.html">http://ignitersworld.com/lab/patternLock.html</a>

<h3>Major updates</h3>

<strong>v0.3.0</strong> - Fixed patternlock support on devices having both mouse and touch input.

<strong>v0.4.0</strong> - Added setPattern, disable, enable methods.

<strong>v0.5.0</strong> - Added directional classes, dir, n,s,e,w,n-e,n-w,s-e,s-w.