Функция «посмотреть пароль» на сайте
Иногда бывает полезно раскрыть «звездочки» в теле тэга input при типе равном password. Вообще javascript не позволяет заменять тип «на лету» (например на text), но! как всегда это ограничение можно достаточно просто обойти — просто удалим обьект input и заменим его другим. Например как-то так:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<div id="input_pass_div"> <input type="password" id="password_login_form" class="form-control input-shadow" placeholder="Пароль"> </div> <div class="form-control-position"> <i style="cursor: pointer" onclick="ShowPassMe()" class="icon-eye"></i> </div> <script> tgpass=false; function ShowPassMe(){ ps=$("#password_login_form").val(); $("#password_login_form").remove(); if (tgpass==false){ $("#input_pass_div").html('<input type="text" id="password_login_form" class="form-control input-shadow" placeholder="Пароль">'); tgpass=!tgpass; } else { tgpass=!tgpass; $("#input_pass_div").html('<input type="password" id="password_login_form" class="form-control input-shadow" placeholder="Пароль">'); }; $("#password_login_form").val(ps); }; </script> |