Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.09.2015, 16:42
Аспирант
Отправить личное сообщение для olegalimov Посмотреть профиль Найти все сообщения от olegalimov
 
Регистрация: 27.09.2015
Сообщений: 94

Показать пароль в поле ввода нужен скрипт
Доброе время суток.
Пожалуйста помогите! Нужен скрипт на 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>
</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
как это сделать?
все скрипты перерыл которые у вас форуме есть
мне нужен скрипт чтоб работал под всеми броузерами.

Последний раз редактировалось olegalimov, 27.09.2015 в 18:56.
Ответить с цитированием
  #2 (permalink)  
Старый 27.09.2015, 16:59
Аватар для sanmihan
Аспирант
Отправить личное сообщение для sanmihan Посмотреть профиль Найти все сообщения от sanmihan
 
Регистрация: 28.05.2015
Сообщений: 54

var input = document.querySelector("input");
document.querySelector("passEye")

Ошибка в этих строчках, вы пытаетесь навесить событие на элемент по селектору "passEye". http://htmlbook.ru/css/selector
И еще, переменная input ссылается на первый инпут, а это поле логина
Ответить с цитированием
  #3 (permalink)  
Старый 27.09.2015, 17:18
Аспирант
Отправить личное сообщение для olegalimov Посмотреть профиль Найти все сообщения от olegalimov
 
Регистрация: 27.09.2015
Сообщений: 94

а в input что указывать class="passEye"?
мне не нужно указывать id="passEye"
потом идет php код который использует идентификатор.
Ответить с цитированием
  #4 (permalink)  
Старый 27.09.2015, 17:43
Аспирант
Отправить личное сообщение для olegalimov Посмотреть профиль Найти все сообщения от olegalimov
 
Регистрация: 27.09.2015
Сообщений: 94

вставил как вы сказали. глазик открывает и все, а пароль не переводит в text.
Не пойму в чем ошибка
Ответить с цитированием
  #5 (permalink)  
Старый 27.09.2015, 18:20
Аватар для sanmihan
Аспирант
Отправить личное сообщение для sanmihan Посмотреть профиль Найти все сообщения от sanmihan
 
Регистрация: 28.05.2015
Сообщений: 54


var input = document.querySelector('input[name="pass"]');
document.querySelector(".password-reveal")
Ответить с цитированием
  #6 (permalink)  
Старый 27.09.2015, 18:46
Аспирант
Отправить личное сообщение для olegalimov Посмотреть профиль Найти все сообщения от olegalimov
 
Регистрация: 27.09.2015
Сообщений: 94

http://javascript.ru/forum/newreply....reply&p=389904

<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[name="pass"]');
 document.querySelector(".password-reveal").addEventListener("click", function () {
 if (input.getAttribute('type') != 'text') {
 input.setAttribute('type', 'text');
 } else {
 input.setAttribute('type', 'password');
 }
 });
 })();
 </script>

исправил все равно не работает
Ответить с цитированием
  #7 (permalink)  
Старый 27.09.2015, 19:00
Аватар для sanmihan
Аспирант
Отправить личное сообщение для sanmihan Посмотреть профиль Найти все сообщения от sanmihan
 
Регистрация: 28.05.2015
Сообщений: 54

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
</head>
  
<body>
<div id="testZone">
 <form>
 <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>
 </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[name="pass"]');
        document.querySelector(".password-reveal").addEventListener("click", function () {
            if (input.getAttribute('type') != 'text') {
                input.setAttribute('type', 'text');
            } else {
                input.setAttribute('type', 'password');
            }
        });
    })();
    </script>
 </td>
 </tr>
 </table>
</form>
</div>
</body>
</html>
Ответить с цитированием
  #8 (permalink)  
Старый 27.09.2015, 19:19
Аспирант
Отправить личное сообщение для olegalimov Посмотреть профиль Найти все сообщения от olegalimov
 
Регистрация: 27.09.2015
Сообщений: 94

а на сайте не работает!!!
может конфликт между двумя скриптами?
Ответить с цитированием
  #9 (permalink)  
Старый 27.09.2015, 19:28
Аватар для sanmihan
Аспирант
Отправить личное сообщение для sanmihan Посмотреть профиль Найти все сообщения от sanmihan
 
Регистрация: 28.05.2015
Сообщений: 54

проверьте консоль может там ошибка (открыть консоль можно клавишей F12)
Ответить с цитированием
  #10 (permalink)  
Старый 28.09.2015, 08:48
Аспирант
Отправить личное сообщение для olegalimov Посмотреть профиль Найти все сообщения от olegalimov
 
Регистрация: 27.09.2015
Сообщений: 94

отключил скрипт выдвижной панели, скрипт по переводу пароля работает!
может у кого-то есть рабочий, маленький скрипт выдвижной панели с верху?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
срочно нужен скрипт приватного чата. dimon76 Работа 0 17.09.2014 17:23
Как ввести в поле ввода значение где есть javascript MOZG Общие вопросы Javascript 8 19.04.2013 10:28
Как отследить пропал ли текст placeholder-а при фокусе на поле ввода z1987 Общие вопросы Javascript 2 19.12.2012 11:10
Позиционирование курсора в поле ввода spider84 Элементы интерфейса 1 22.07.2010 13:03
Нужен скрипт N98CG4 Общие вопросы Javascript 4 12.07.2009 15:54