Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.09.2013, 14:03
Интересующийся
Отправить личное сообщение для teragalaxy Посмотреть профиль Найти все сообщения от teragalaxy
 
Регистрация: 07.09.2013
Сообщений: 12

как изменить Слово на кнопке
Есть форма ввода пароля и есть кнопка "Показывать пароль". Скрипт работает на ура, только вот не могу врубиться как решить вопрос:

Если произошёл клик по кнопке "Показывать пароль", то соответственно надпись должна смениться на "Скрыть пароль". И наоборот соответственно.

<fieldset>
<script>
function Show_HidePassword(id) {
element = document.getElementById(id);
if (element.type == 'password') {
var inp = document.createElement("input");
inp.id = id;	
inp.type = "text";
inp.value = element.value;
element.parentNode.replaceChild(inp, element);
}
else {
var inp = document.createElement("input");
inp.id = id;
inp.type = "password";
inp.value = element.value;
element.parentNode.replaceChild(inp, element);
}
}
</script>
<input placeholder="Пароль" type="password" name="password" id="passwordbox" />
<span><a href="#" onclick="Show_HidePassword('passwordbox')">Показывать пароль</a></span>
</fieldset>
Ответить с цитированием
  #2 (permalink)  
Старый 07.09.2013, 16:03
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<fieldset>
<script>
function Show_HidePassword(id, button) {
var element = document.getElementById(id);
if (element.type == 'password') {
button.textContent = 'Скрывать пароль';
var inp = document.createElement("input");
inp.id = id;   
inp.type = "text";
inp.value = element.value;
element.parentNode.replaceChild(inp, element);
}
else {
button.textContent = 'Показывать пароль';
var inp = document.createElement("input");
inp.id = id;
inp.type = "password";
inp.value = element.value;
element.parentNode.replaceChild(inp, element);
}
inp.focus();
inp.selectionEnd = inp.value.length;
}
</script>
<input placeholder="Пароль" type="password" name="password" id="passwordbox" />
<span><a href="#" onclick="Show_HidePassword('passwordbox', this); return false;">Показывать пароль</a></span>
</fieldset>
Ответить с цитированием
  #3 (permalink)  
Старый 07.09.2013, 16:07
Интересующийся
Отправить личное сообщение для teragalaxy Посмотреть профиль Найти все сообщения от teragalaxy
 
Регистрация: 07.09.2013
Сообщений: 12

То что надо + в карму
Ответить с цитированием
  #4 (permalink)  
Старый 07.09.2013, 19:44
Интересующийся
Отправить личное сообщение для teragalaxy Посмотреть профиль Найти все сообщения от teragalaxy
 
Регистрация: 07.09.2013
Сообщений: 12

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

<script>
	function Show_HidePassword(id, button) {
var element = document.getElementById(id);
if (element.type == 'password') {
	button.textContent = 'Скрывать пароль';
	var inp = document.createElement("input");
	inp.id = id;   
	inp.type = "text";
	inp.value = element.value;
	inp.placeholder = "Пароль";
	element.parentNode.replaceChild(inp, element);
	}
else {
	button.textContent = 'Показывать пароль';
	var inp = document.createElement("input");
	inp.id = id;
	inp.type = "password";
	inp.value = element.value;
	inp.placeholder = "Пароль";
	element.parentNode.replaceChild(inp, element);
	}
inp.focus();
inp.selectionEnd = inp.value.length;
}
</script>

<form>
<input placeholder="Пароль" type="password" name="password" id="joinpasswordbox" />
<p><span><a href="#" onclick="Show_HidePassword('joinpasswordbox', this); return false;">Показывать пароль</a></span></p>
<p><input type="submit" value="Отправить"/></p>
</form>

Последний раз редактировалось teragalaxy, 07.09.2013 в 19:54.
Ответить с цитированием
  #5 (permalink)  
Старый 07.09.2013, 19:45
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Атрибут name потерял
Ответить с цитированием
  #6 (permalink)  
Старый 07.09.2013, 21:35
Интересующийся
Отправить личное сообщение для teragalaxy Посмотреть профиль Найти все сообщения от teragalaxy
 
Регистрация: 07.09.2013
Сообщений: 12

Я перерыл мануалы по js и html, ну не может мой мозг догнать: Как сделать?
Ответить с цитированием
  #7 (permalink)  
Старый 07.09.2013, 22:55
Интересующийся
Отправить личное сообщение для teragalaxy Посмотреть профиль Найти все сообщения от teragalaxy
 
Регистрация: 07.09.2013
Сообщений: 12

Ну вот что-то вышло:
<script>
	function Show_HidePassword(id, button) {
var element = document.getElementById(id);
if (element.type == 'password') {
	button.textContent = 'Скрывать пароль';
	var inp = document.createElement("input");
	inp.id = id;   
	inp.type = "text";
	inp.name = "password";
	inp.value = element.value;
	inp.placeholder = "Пароль";
	element.parentNode.replaceChild(inp, element);
	}
else {
	button.textContent = 'Показывать пароль';
	var inp = document.createElement("input");
	inp.id = id;
	inp.type = "password";
	inp.name = "password";
	inp.value = element.value;
	inp.placeholder = "Пароль";
	element.parentNode.replaceChild(inp, element);
	}
inp.focus();
inp.selectionEnd = inp.value.length;
}
</script>

<form>
<input placeholder="Пароль" type="password" name="password" id="joinpasswordbox" />
<p><span><a href="#" onclick="Show_HidePassword('joinpasswordbox', this); return false;">Показывать пароль</a></span></p>
<p><input type="submit" value="Отправить"/></p>
</form>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить расположение картинки и выпадающего меню Edison1 Общие вопросы Javascript 1 26.11.2012 08:43
Как изменить XTemplate в DataView _michael_ ExtJS 1 16.09.2012 22:07
Как изменить адресную строку и изменить историю переходов vuler Общие вопросы Javascript 4 20.03.2012 13:14
Как изменить цвет области скрипта? Wonder Land Общие вопросы Javascript 0 05.02.2012 05:27
Как убрать курсор или изменить его на свой? PAMAC (X)HTML/CSS 4 19.01.2011 11:07