To Top
(1) (1) (2) (1) (1) (1) (1) (1) (1) (3) (1) (1) (2) (2) (2) (2) (1) (1) (1) (1) (1) (1) (1) (1) (2) (1) (1) (1) (2) (1) (1) (1) (12) (1) (1) (1) (1) (14) (1) (2) (1) (1) (2) (5) (1) (2) (1) (2) (2) (1) (1) (1) (1) (2) (3) (16) (2) (8) (2) (1) (1) (1) (1) (2)
   Tags

Latest Tweets

Tweet

…just my two cents.


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.

VN:F [1.9.3_1094]
Rating: 5.0/5 (2 votes cast)
Password Strength Indicator with MooTools 1.2, 5.0 out of 5 based on 2 ratings
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •   (http://www NULL.tumblr NULL.com/share?v=3&u=http%3A%2F%2Fblog NULL.computer-service-mallorca NULL.com%2F2010%2F01%2F07%2Fpassword-strength-indicator-with-mootools-1-2%2F&t=Password+Strength+Indicator+with+MooTools+1 NULL.2)
  •   (http://twitter NULL.com/home?status=Password+Strength+Indicator+with+MooTools+1 NULL.2+-+http://1click NULL.at/2a&source=shareaholic)
  •  

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Category: Mootools | Tags: , , , | 20 comments

Twitter Trackbacks

Facebook comments:

20 Replies to “Password Strength Indicator with MooTools 1.2”

  1. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  2. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  3. web2feed
    web2feed
    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)
  4. mgpyone
    mgpyone
    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)
  5. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  6. web2feed
    web2feed
    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)
  7. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  8. web2feed
    web2feed
    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)
  9. russelljamieson
    russelljamieson
    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)
  10. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  11. web2feed
    web2feed
    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)
  12. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  13. web2feed
    web2feed
    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)
  14. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  15. web2feed
    web2feed
    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)
  16. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  17. paulmilford
    paulmilford
    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)
  18. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    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/)
  19. paulmilford
    paulmilford
    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)

« Older Comments

Trackbacks

  1. uberVU - social comments (http://www NULL.ubervu NULL.com/conversations/blog NULL.computer-service-mallorca NULL.com/2010/01/07/password-strength-indicator-with-mootools-1-2/)

Leave a Reply



CommentLuv Enabled
Maximum 2 links per comment. Do not use BBCode.

↑ Back to top