WEB лаборатория DLE » Другое для WEB » Скрипты и модули » [Хак] Показ сложности пароля.
Навигация
Популярное
    Статистика

    Материалов: 1789 [+0]
    Пользователей: 685 [+0]

    Всего онлайн : 2
    Пользователей: 0
    Гостей: 2

    Google Yandex
    Последние комментарии
    ...
    HI-tech:
    0

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

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


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

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

    Установка

    В main.tpl, перед вставьте:
    [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 поля с паролем.

    Скоро доработаю, будет несколько новых функций.



    Теги: хак, скрипт

    Другие новости по теме:


    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.