Показать/скрыть пароль

[Pascha]

По дефолту в Опенкарте, как правило, при вводе данных в поле пароля, видны только точки.
Вjзьму для примера форму регистрации на сайте: 

не очень удобно для Ваших пользователей сайта не правда ли?

Этой задачей и озадачились мои заказчики  и попросили сделать отображение/скрытие значения в поле пароля, ну что же... воспользуемся "жабаскриптом".

 
*Покажу сразу готовую конструкцию:

<input type="password" name="password"  id="password-show" class="modal-input" value="" placeholder="<?php echo $popup_logreg_login_password_placeholder; ?>" /> 

<img class="show-password" src="catalog/view/theme/default/image/eyesi.png" alt="" title="Показать/скрыть пароль" />

тут для нас значимы и необходимы 

 id="password-show"

 и 

class="show-password"

(вы можете вставлять свои, но и по аналогии поменять то же самое в скрипте, который размещаете где нибудь в конце страницы:

<script>

var pass = $('#password-show');

$('.show-password').click(function() {

  pass.attr('type', pass.attr('type') === 'password' ? 'text' : 'password');

});

</script>

 

ну и пропишем стили (само собой они у Вас будут свои, но даю для примера)

.show-password { 
	position: absolute; 
	right: 25px; 
	margin-top: -18px; 
	cursor: pointer; 
}

получаем  поле + "глазик"


жамкаем на "глазик и получаем отображение пароля
 

жамкаем повторно и снова получаем точки вместо пароля...