Главная » Файлы » Файлы для Ucoz » Скрипты

Поле ввода пароля - новый стиль.
12.05.2010, 15:57
Такие штуки применяются частенько в мобильниках, вроде есть в iPhone... Посмотрите на картинку - и сами всё поймёте.

Давайте усовершенствуем наше поле ввода пароля, чтобы превратить его в такое, как показано на картинке. Делать мы это будем с помощью jQuery и специального плагина для jQuery.
Сперва надо подключить оба скрипта к странице. Либо скачиваете оба скрипта и заливаете к себе на сайт, либо можете воспользоваться скриптами с моего сайта. Вот, как надо подключать оба скрипта, тут даны адреса тех js, что лежат у меня на сайте, если вы залили архивы к себе на сайт, просто замените адреса этих js на адреса тех, что лежат у вас на сайте.
Code
<script src="http://ucozerer.ucoz.ru/js/jquery.js"></script>
<script src="http://ucozerer.ucoz.ru/js/iphone.style.pass.js"></script>

Затем пишем скрипт с использованием jQuery. Скрипт такой:
Code
$(document).ready(function() {
$('#passForm').dPassword({
interval: 100,
duration: 1000
});
});

Свойство interval - время между показа символов (миллисекунды), свойство duration - время показа последнего символа.

Вот ссылки для скачивания js-файлов:
jQuery
Плагин

P.S. Наблюдаются проблемы с использованием поля в uCoz, позже постараюсь исправить...
Источник: http://vremenno.net
Категория: Скрипты | Добавил: Werkonn
Просмотров: 2233 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
More info
Image gallery
contact
Phone: +7 495 287-42-34 Email: info@ucoz.com
CHARLES S. ANDREWS
3139 Brownton Road
Long Community, MS 38915
Location in google Maps