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

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

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


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

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


Скачивание доступно только для зарегистрированных
НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...