Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   При снятия «галки» ( password) введенные символы отображаются текстом (https://javascript.ru/forum/jquery/60400-pri-snyatiya-galki-password-vvedennye-simvoly-otobrazhayutsya-tekstom.html)

Taylor 26.12.2015 23:57

При снятия «галки» ( password) введенные символы отображаются текстом
 



все работает, кроме кнопки Show password
<div id="arrow">Feedback</div>
<div id="fform" class="hidd">
<form name="form3" action="">
    <input type="text" placeholder="Your email" />
    <input type="password" placeholder="Your password" id="pass" />
    <br />
    <br />
    <label>Show password
      <input type="checkbox" />
    </label>
    <br />
    <br />
    <input type="submit" value="Login" />
  </form>
  </div>



CSS

#arrow {
position:fixed;
right:0;
top:30%;
background:#D1D1D1;
width:70px;
color:black;
}

#fform {
position:fixed;
width:300px;
right:-300px;
top:33%;
padding:20px;
background:#2198BF;
}

$('#arrow').click(function() {
        $('#fform').toggleClass('hidd');
        if ($('#fform').hasClass('hidd')) {
            $('#fform').animate({
                'right': 0
            }, 1200);
        } else {
            $('#fform').animate({
                'right': -300
            }, 1200);
        }
    });

Deff 27.12.2015 00:03

Taylor,
А у Вас в выложенном коде нет скрипта к элементу <input type="checkbox" />
Наверно поэтому и не работает :)

Taylor 27.12.2015 00:05

у меня вчера только было первое занятие по этому)

я просто не знаю как это толком написать :(

Deff 27.12.2015 00:18

Taylor,
ни наю, тут мон убрать атрибут type="password" у инпут
Но не во всех браузерах это проходит,
(Хотя странное задание, типично с вещами по безопасности препы не балуются)


Часовой пояс GMT +3, время: 02:25.