Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: function Show_HidePassword

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: есть пара вопросов
Поиск в теме | Версия для печати
teragalaxy
Отправлено: 07 Сентября, 2013 - 11:39:34
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Июль 2013  


Помог: 0 раз(а)
Есть форма ввода пароля и есть кнопка "Показывать пароль". Скрипт работает на ура, только вот не могу врубиться как решить два вопроса:
1. Чтобы placeholder не терял актуальность. Если нажать на кнопку "Показывать пароль", то слово "Пароль" из поля исчезает и больше не появляется.
2. Если произошёл клик по кнопке "Показывать пароль", то соответственно надпись должна смениться на "Скрыть пароль". И наоборот соответственно.

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <fieldset>
  3. <script>
  4. function Show_HidePassword(id) {
  5. element = document.getElementById(id);
  6. if (element.type == 'password') {
  7. var inp = document.createElement("input");
  8. inp.id = id;   
  9. inp.type = "text";
  10. inp.value = element.value;
  11. element.parentNode.replaceChild(inp, element);
  12. }
  13. else {
  14. var inp = document.createElement("input");
  15. inp.id = id;
  16. inp.type = "password";
  17. inp.value = element.value;
  18. element.parentNode.replaceChild(inp, element);
  19. }
  20. }
  21. </script>
  22. <input placeholder="Пароль" type="password" name="password" id="passwordbox" />
  23. <span><a href="#" onclick="Show_HidePassword('passwordbox')">Показывать пароль</a></span>
  24. </fieldset>
  25.  
 
 Top
Саныч
Отправлено: 07 Сентября, 2013 - 12:05:42
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)
А зачем полностью менять элемент? Измените ему просто значение type и все.
(Добавление)
CODE (javascript):
скопировать код в буфер обмена
  1. function Show_HidePassword(id) {
  2.     var element = document.getElementById(id);
  3.     element.setAttribute('type', element.getAttribute('type') == 'text' ? 'password' : 'text');
  4. }

(Отредактировано автором: 07 Сентября, 2013 - 12:08:30)



-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
teragalaxy
Отправлено: 07 Сентября, 2013 - 12:11:37
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Июль 2013  


Помог: 0 раз(а)
Саныч пишет:
А зачем полностью менять элемент? Измените ему просто значение type и все.

А вдруг рядом с пользователем сидит интернет задрот и он не желает при нём показывать пароль))) ну мало ли.
 
 Top
Саныч
Отправлено: 07 Сентября, 2013 - 12:16:07
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)
Саныч пишет:
А зачем полностью менять элемент? Измените ему просто значение type и все.
teragalaxy пишет:
А вдруг рядом с пользователем сидит интернет задрот и он не желает при нём показывать пароль))) ну мало ли.
Где логика?..


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
teragalaxy
Отправлено: 07 Сентября, 2013 - 12:24:00
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Июль 2013  


Помог: 0 раз(а)
Саныч пишет:
Где логика?..

Удовлетворить всем капризам пользователя.
(Добавление)
С placeholder-ом разобрался, тупо добавил строчку inp.placeholder = "Пароль";

Решено, но появилась новая проблема. Если сделать пароль видимым и нажать кнопку submit то никакого значения в глобальный массив не будет передано. Как исправить этот недочёт?

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. <script>
  3.         function Show_HidePassword(id, button) {
  4. var element = document.getElementById(id);
  5. if (element.type == 'password') {
  6.         button.textContent = 'Скрывать пароль';
  7.         var inp = document.createElement("input");
  8.         inp.id = id;  
  9.         inp.type = "text";
  10.         inp.value = element.value;
  11.         inp.placeholder = "Пароль";
  12.         element.parentNode.replaceChild(inp, element);
  13.         }
  14. else {
  15.         button.textContent = 'Показывать пароль';
  16.         var inp = document.createElement("input");
  17.         inp.id = id;
  18.         inp.type = "password";
  19.         inp.value = element.value;
  20.         inp.placeholder = "Пароль";
  21.         element.parentNode.replaceChild(inp, element);
  22.         }
  23. inp.focus();
  24. inp.selectionEnd = inp.value.length;
  25. }
  26. </script>
  27.  
  28. <form>
  29. <input placeholder="Пароль" type="password" name="password" id="joinpasswordbox" />
  30. <p><span><a href="#" onclick="Show_HidePassword('joinpasswordbox', this); return false;">Показывать пароль</a></span></p>
  31. <p><input type="submit" value="Отправить"/></p>
  32. </form>

(Отредактировано автором: 07 Сентября, 2013 - 19:10:47)

 
 Top
teragalaxy
Отправлено: 07 Сентября, 2013 - 20:33:04
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Июль 2013  


Помог: 0 раз(а)
Помогите обмозговать до конца Белый флаг
 
 Top
Саныч
Отправлено: 07 Сентября, 2013 - 21:01:04
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)
teragalaxy пишет:
Если сделать пароль видимым и нажать кнопку submit то никакого значения в глобальный массив не будет передано
Естественно, значения name у элемента нету.

Я ж вам еще сутра писал, что делать. На кой вы дергаете элемент, просто меняйте значение type и все, 2 строки всего. Нет же, нужно нагородить такую хрень и потом целый день ее допиливать Хм


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
teragalaxy
Отправлено: 07 Сентября, 2013 - 21:04:11
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Июль 2013  


Помог: 0 раз(а)
Помогите обмозговать до конца Белый флаг
 
 Top
tuareg
Отправлено: 07 Сентября, 2013 - 21:16:37
Post Id


Участник


Покинул форум
Сообщений всего: 1234
Дата рег-ции: Июнь 2010  


Помог: 69 раз(а)
Чтобы много не писать Улыбка
http://jsfiddle[dot]net/tuareg/jm2fr/2/
 
 Top
Саныч
Отправлено: 07 Сентября, 2013 - 21:35:20
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)
tuareg, смотри, он щас напишет, что не работает. Почему-то мне кажется, что ТС не знает про jQuery... Да и собственно на кой он вобще здесь нужен. Ответ был дан еще во втором посте темы.


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
teragalaxy
Отправлено: 07 Сентября, 2013 - 21:38:24
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Июль 2013  


Помог: 0 раз(а)
Саныч пишет:
teragalaxy пишет:
Если сделать пароль видимым и нажать кнопку submit то никакого значения в глобальный массив не будет передано
Естественно, значения name у элемента нету.

Блин, ну Вы гений! Снова, тупо добавил inp.name = "password"; и значение стало передаваться Язычок Язычок Язычок

Ну всё, день прошёл не зря! Всем спасибо! Радость

Итоговый код:
Спойлер (Отобразить)
 
 Top
Саныч
Отправлено: 07 Сентября, 2013 - 21:42:49
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)
teragalaxy, вы что еврей?!! Я уже ни один раз написал, не чудите этой фигни. Еще раз прикрепляю код
CODE (javascript):
скопировать код в буфер обмена
  1. function Show_HidePassword(id) {
  2.     var element = document.getElementById(id);
  3.     element.setAttribute('type', element.getAttribute('type') == 'text' ? 'password' : 'text');
  4. }
Это все, что вам нужно!


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
teragalaxy
Отправлено: 07 Сентября, 2013 - 21:52:51
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Июль 2013  


Помог: 0 раз(а)
Саныч пишет:
Это все, что вам нужно!

Прошу прощения, видимо я Ваше первое сообщение не полностью прочёл. Там действительно скрипт скрывает поле пароля. Но ведь у меня была идея, чтобы название кнопки тоже менялось. Меня интересовал сам процесс созидания Улыбка
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Напишите за меня, пожалуйста »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB