Показ сложности пароля
6-04-2013, 12:46
0
  DLE Хаки

Показ сложности пароля

Небольшой хак который вы можете легко настроить под любую CMS. Показывает сложность подбора пароля пользователя в процентах.
Это пока только первая версия, которая только показывает сложность пароля.

Хак основан на jQuery плагине jQuery Complexify (GitHub)

Установка:

В main.tpl, после {content} вставьте:

[aviable=register|userinfo]<script type="text/javascript" src="{THEME}/js/jquery.complexify.js"></script>
<script>$(function(){$("#password1").complexify({},function(valid,complexity){if(!valid){$('#progress').css({'width':complexity+'%'}).removeClass('progressbarValid').addClass('progressbarInvalid')}else{$('#progress').css({'width':complexity+'%'}).removeClass('progressbarInvalid').addClass('progressbarValid')}$('#complexity').html(Math.round(complexity)+'%')})});</script>
<style type="text/css">
#passwordcheck{width:70%;float:left;margin:10px 0;}
#progressbar{width:100%;height:48px;display:block;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;border-top-right-radius:8px;border-top-left-radius:8px;overflow:hidden;background-color:white;}
#progress{display:block;height:100px;width:0;}
.progressbarValid{background-color:green;background-image:-o-linear-gradient(-90deg, #8AD702 0, #389100 100%);background-image:-moz-linear-gradient(-90deg, #8AD702 0, #389100 100%);background-image:-webkit-linear-gradient(-90deg, #8AD702 0, #389100 100%);background-image:-ms-linear-gradient(-90deg, #8AD702 0, #389100 100%);background-image:linear-gradient(-90deg, #8AD702 0, #389100 100%);}
.progressbarInvalid{background-color:red;background-image:-o-linear-gradient(-90deg, #F94046 0, #92080B 100%);background-image:-moz-linear-gradient(-90deg, #F94046 0, #92080B 100%);background-image:-webkit-linear-gradient(-90deg, #F94046 0, #92080B 100%);background-image:-ms-linear-gradient(-90deg, #F94046 0, #92080B 100%);background-image:linear-gradient(-90deg, #F94046 0, #92080B 100%);}
#status{height:60px;width:100%;border:1px solid #CCCCCC;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-color:white;}
#complexityLabel{width:100%;text-align:left;margin-top:-25px;margin-left:5px;font-size:20px;}
#complexity{width:100%;text-align:right;font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;font-weight:700;font-size:60px;margin-top:20px;}
</style>[/aviable]


password1 - id поля с паролем.

Автор: Storok

Комментарии

Никто еще не оставил комментариев – станьте первым!

Напишите своё мнение