Ввод пароля

Кнопка показать и подсказки при вводе пароля.

 
Посетитель
small user social cms
Медаль
Сообщений: 998
Добрый день друзья, помогите пожалуйста в следующем вопросе. Как сделать чтобы при регистрации и авторизации, появлялся чекбокс "Показать"
или "Показать пароль" чтобы юзер видел какие он символы вводит и подсказки. А при снятии чекбокса, вместо пароля опять точки были.
На скриншотах пример. Поиском искал не нашёл, может кто ссылку даст на подходящую тему. Заранее спасибо за ответ.
Ввод пароля Ввод пароля
Версия ICMS 2+
Редактировалось: 2 раз (Последний: 27 февраля 2016 в 15:36)
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1981
Написать js скрипт, который будет проверять, установлена ли галка. Если да - тип инпута пароля text. Если нет - тип password.

1. Там, где в коде пароль и чекбокс присваиваем инпутам id:
Код HTML:
  1. <input id="pfield" value="" />
  2. <input type="checkbox" id="cbox" /> Показать
2. И собственно , сам js-скрипт
Код JS:
  1. <javascript>
  2. if($('#cbox').is(':checked')) {
  3. $('#pfield').attr("type", "text");
  4. } else {
  5. $('#pfield').attr("type", "password");
  6. }
  7. </javascript>
Думаю, принцип понятен.
Редактировалось: 1 раз (Последний: 27 февраля 2016 в 16:05)
NOP
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 998
Странник:
Думаю, принцип понятен.

Понятен, а куда это всё вставить?
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
Медаль
Сообщений: 998
Странник:

Думаю, принцип понятен.

Так куды его притулить, я так и не понял scratch
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 2644
Андрей,
Где-нибудь в шаблонах, компонента auth (например в \templates\default\controllers\auth\login.tpl.php), где Вам нужно вставляете чекбокс:
Код PHP:
  1. <input type="checkbox" id="cbox"/>Показать пароль</input>
а в самый низ того же файла вставляете скрипт:
Код JAVASCRIPT:
  1. <script>
  2. $('#cbox').click(function(){if($('#cbox').is(':checked')){$("[name~='login_password']").attr("type", "text")}
  3. else {$("[name~='login_password']").attr("type", "password")}});
  4. </script>
Посетитель
small user social cms
Медаль
Сообщений: 998
Ris:
Где-нибудь в шаблонах

Супер, работает, спасибо! +
Самые дешевые и быстрые VPS | Выгодный перенос доменов
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: