Password Strength Indicator with MooTools 1.2
Want to share this article? Please use this short URL: http://1click.at/2a
Hello there.
I just saw a password-meter thing done with jQuery in twitter so I thought i could maybe post about an indicator done with the fabulous MooTools.
So, basically it is a port from this plugin here (http://testcases NULL.pagebakers NULL.com/PasswordMeter/) built with the EXT JS Library (http://www NULL.extjs NULL.com/). Not more, not less.
You can watch the original port to MooTools here:
Click to watch the original built with MooTools 1.2
(http://rt NULL.to/passwordstrength/)
I made 2 or 3 changes on the CSS ‘n’ Stuff so my version is here:
Click to watch my version built with MooTools 1.2
If you want to change the length of the indicator graphic check the password-meter.js.
Search for this value in line 21:
21 | .setStyle('width','200px'); |
Change the 200px to whatever your new indicator graphics length is.
Download my version here: Password Strength Indicator with MooTools 1.2 - 27.32 KB - 94
All credits go to Ryan Mitchell and the original post is here (http://groups NULL.google NULL.com/group/mootools-users/browse_thread/thread/87d2377307b20bd6).
Have fun.
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
Category: Mootools | Tags: Indicator, Meter, Password, Strength | 20 comments
January 7th, 2010 at 2:55 pm
Password Strength Indicator with MooTools 1.2 – http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.).
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12/)
January 19th, 2010 at 8:34 pm
Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools/)
January 19th, 2010 at 8:35 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools/#comment-7956735452)
January 19th, 2010 at 8:38 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools/#comment-7956828004)
January 27th, 2010 at 10:11 pm
Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-2/)
January 27th, 2010 at 10:15 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-2/#comment-8294711537)
January 30th, 2010 at 3:39 pm
Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-3/)
January 30th, 2010 at 3:40 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-3/#comment-8413065543)
January 30th, 2010 at 3:41 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-3/#comment-8413111609)
January 31st, 2010 at 4:19 pm
Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-4/)
January 31st, 2010 at 4:19 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-4/#comment-8455077704)
February 1st, 2010 at 11:27 pm
Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-5/)
February 1st, 2010 at 11:30 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-5/#comment-8516612634)
February 5th, 2010 at 10:39 pm
Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-6/)
February 5th, 2010 at 10:40 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-wordpress-css-css3-mootools-6/#comment-8694565616)
February 28th, 2010 at 3:30 pm
Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #CSS #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-css-mootools/)
February 28th, 2010 at 3:50 pm
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #CSS #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-css-mootools/#comment-9778742426)
March 13th, 2010 at 3:00 am
Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #CSS #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-css-mootools-2/)
March 13th, 2010 at 3:01 am
RT @invocoes: Password Strength Indicator with MooTools 1.2 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #CSS #MooTools
via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/password-strength-indicator-with-mootools-12-jquery-css-mootools-2/#comment-10401428825)