• Автор:

    Flesha
  • Добавлено:

    апр 04, 2013
  • Комментариев:

    3
  • Просмотров:

    1274

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

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

Небольшой хак который вы можете легко настроить под любую 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
Вернуться

Комментарии:


  1. kors → 5 апреля 2013 15:43
    Установка:
    В main.tpl, перед вставьте:

    Перед чем вставить?
  2. Flesha → 5 апреля 2013 17:00
    Серег, попробуй так smile Может получиться, я сам пока не знаю.
  3. nokia → 16 мая 2013 14:52
    {content}
    [aviable=register|userinfo]<script type="text/javascript" src="{THEME}/js/jquery.complexify.js"></script>
    <script>$(function(){$("#password1").complexify({},function(vali

    d,complexity){if(!valid){$('#progress').css({'width':complex

    ity+'%'}).removeClass('progressbarValid').addClass('pro

    gressbarInvalid')}else{$('#progress').css({'width':comp

    lexity+'%'}).removeClass('progressbarInvalid').addClass(
    9;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;b

    ackground-color:white;}
    #progress{display:block;height:100px;width:0;}
    .progressbarValid{background-color:green;background-image:-o-linear-gradient(-90

    deg, #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(-90

    deg, #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;fon

    t-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]
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.