Небольшой хак дле, который также можно применить и легко настроить под любую известную CMS представляем на сайте «всё для dle» dle9.com, нужен чтобы показать сложность пароля ввода, в виде шкала в процентах. Выполнен на основе плагина jQuery Complexify (GitHub). Должен замечательно смотреться на многофункциональном новостном движке DataLife Engine. Представляет собой начальную версию разработки.
Итак, установка DLE хак сложность пароля шкала в процентах.
В main.tpl, перед вставьте:
[aviable=register|userinfo]<script type="text/javascript" src="/templates/Default/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
DLE хаки сложность пароля шкала в процентах скачать
Комментарии 3