Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » показать/скрыть поле пароля

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

olegalimov

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброе время суток.
Пожалуйста помогите! Нужен скрипт на javascript или на jQuery
в форме есть 2 скрипта один работает, а второй нет.
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Вход в ispmanager 5</title>
 <script src="jquery.js" type="text/javascript"></script>
 <script src="slidebox.js" type="text/javascript"></script>
 <script>
 $(document).ready(function(){
 
 $("#testZone").slideBox({width: "100%", height: "139px", position: "top"});
 });
 </script>
<script type="text/javascript" src="jquery.passEye.js"></script>
 
</head>
 
<body>
<div id="testZone">
 <form>
 <table width="300px">
 <!-- <tr>
 <td style="font-size:18px; color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif;"  
width=195px; nowrap="nowrap" align="center">Вход панель хостинга</td>
 </tr> -->
 <td><table>
 <tr>
 <td width="20px"><img src="http://webvm.ru/images/isp/control1.jpg" width="20" height="20" alt="Логин" /></td>
 <td width="50px"><input style="width: 140px" name="login" type="text" placeholder="Username" /></td>
 <td class="isp-button" width="120px"><a href="http://billing.webvm.ru:8080/order.php" target="_blank">Регистрация</a></td>  
 </tr>
 <tr>
 <td width="20px"><img src="http://webvm.ru/images/isp/1327308370_te_322299.png" width="20" height="20" alt="Пароль" /></td>
 <td width="50px"><input style="width: 140px" name="pass" type="password" placeholder="Password" />
   <button tabindex="-1" aria-hidden="true" class="password-reveal" type="button"><img src="http://webvm.ru/images/isp/eye2.png" /></button>
 <script>
    (function () {
        var input = document.querySelector("input");
        document.querySelector("passEye").addEventListener("click", function () {
            if (input.getAttribute('type') != 'text') {
                input.setAttribute('type', 'text');
            } else {
                input.setAttribute('type', 'password');
            }
        });
    })();
    </script>
 </td>
 <td class="isp-button" width="120px" height="40px"><a href="http://billing.webvm.ru:8080/forgotpass.php" target="_blank">Забыл пароль?</a></td>  
 </tr>
 </table></td>
 </tr>
 <tr>
 <td><table>
 <tr>
 <td width="60px"> </td>
 <td width="60px"><input type="submit" value="Вход"/></td>
 <td><input type="button" value="Купить домен" onclick="window.open('http://panel.webvm.ru/OFFERTA/offerta_add_select_type.khtml','_blank')" /></td>
<!-- <td width="60px"><a href="http://billing.webvm.ru:8080/order.php" target="_blank">Регистрация</a></td>
 <td><a href="http://billing.webvm.ru:8080/forgotpass.php" target="_blank">Забыл пароль?</a></td>
 -->
 </tr>
 </table></td>
 </tr>
</table>
</form>
</div>
</body>
</html>
 
в поле пароля есть глазик, при нажатие пароль не переводиться в text
как это сделать?
все скрипты перерыл

Всего записей: 2 | Зарегистр. 27-11-2014 | Отправлено: 16:07 27-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
<script type="text/javascript" src="jquery.passEye.js"></script>  

требует и "запуск" скрипта, в виде
https://github.com/kushalpandya/Passeye

Цитата:
$("#passwordBox").passeye();

зачем вы пытаетесь использовать это и, одновременно,
Цитата:
   (function () {  
        var input = document.querySelector("input");  
        document.querySelector("passEye").addEventListener("click", function () {  
            if (input.getAttribute('type') != 'text') {  
                input.setAttribute('type', 'text');  
            } else {  
                input.setAttribute('type', 'password');  
            }  
        });  
    })();  

какой работает, а какой нет?

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 19:26 27-09-2015
olegalimov

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброе время суток
вроде с одним скриптом разобрался.
отключил скрипт выдвижной панели, скрипт по переводу пароля работает!
может у кого-то есть рабочий, маленький скрипт выдвижной панели с верху?

Всего записей: 2 | Зарегистр. 27-11-2014 | Отправлено: 09:52 28-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
olegalimov

Цитата:
маленький скрипт выдвижной панели с верху?

чтобы понять о чем вы - нужно либо подробно объяснять или показывать пример.

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 19:55 28-09-2015
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » показать/скрыть поле пароля


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru