В данной статье мы с вами научимся создавать эффект вода паролей как реализовала компания апле в айфонах. Когда вы вводите пароль то видите сразу звездочки — это очень не удобно. Компания aplle нашла выход и реализовала вод пароля следующим образом: вы вводите пароль и несколько секунд видно последнюю веденую букву, плюс к томуже заменяем звездочки кружками, что намного красивей смотрится.
Реализовывать данную задачу мы будет конечно же на javascript.
Мы написали простую библиотеку. Она работает просто. Создает копию вашего пароля в другое поле, а потом подставляет заново.
1. Качаем iphone.js в прикрепленном файле
2. Прописываем путь в template.php вашего шаблона
<script src="/templates/_default_/js/iphone.js" type="text/javascript"></script>
<script> $(document).ready(function() { $('#password-input-2').dPassword({ interval: 100, duration: 1000 }); }); </script>
<input name="pass" type="password" class="pass_input" value="Пароль" onclick="this.value=''"/>
<input name="pass" type="password" id="password-input-2" class="pass_input" value="Пароль" onclick="this.value=''"/>