параметр disabled

Shatun · December 16, 2010

но как в этом коде:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Блокировка поля</title>
  <script type="text/javascript">
   function agreeForm(f) {
	// Если поставлен флажок, снимаем блокирование кнопки
	if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку
	else f.submit.disabled = 1
   }
  </script>
 </head>
 <body>
  <form action="handler.php">
   <p><textarea cols="30" rows="4" readonly>
	Типовой договорОтдаю свою душу, а взамен получаю здоровье и бессмертие. 
   </textarea></p>
   <p><input type="checkbox" name="agree" onClick="agreeForm(this.form)"> 
	Я согласен со всеми условиями</p>
   <p><input type="submit" name="submit" value="Далее" disabled></p>
  </form>
 </body> 
</html>

вместо кнопки использовать разные картинки (например при подтверждении картинка- yes.gif а если галку не ставили ссылка не активна и стоит картинка no.gif) ума не приложу.

<input name="agree" type="image" id="cartconfirm" src="no.gif" alt="net zakaza" disabled="true" onclick="$('может здесь указать переменную');">

Ответ очевидно простой, но мои попытки заменить кнопку разными картинками не увенчались успехом.

Помогите пожалуйста.

Edited December 16, 2010 by Shatun

Great Rash · December 16, 2010

Я не понял вопроса. У какого элемента надо менять картинку? При клике на какой элемент она должна меняться? Какой элемент надо отключать (disabled)?

Просто сейчас у вас нет логики... если элемент отключен (disabled), то не логично кликать на нем, чтобы включить его же...

Shatun · December 16, 2010

мне нужно из

<input type="submit" name="submit" value="Далее" disabled>

сделать графическую кнопку. Например, когда в

<input type="checkbox" name="agree" onClick="agreeForm(this.form)">

галку не поставили граф. кнопка серого цвета и не активная, а если поставили подтягивается другая картинка и кнопка становится активной.

Может уже есть готовые решения, а я пытаюсь сделать велосипед?

<input name="agree" type="image" id="cartconfirm" src="no.gif" alt="net zakaza" disabled="true" onclick="$('может здесь указать переменную');">

Это мои попытки прикрутить картинку и заменить обычную кнопку:

<input type="submit" name="submit" value="Далее" disabled>

на картинку - no.gif.

Great Rash · December 16, 2010

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Блокировка поля</title>
  <script type="text/javascript">
   function agreeForm(f) {
	// Если поставлен флажок, снимаем блокирование кнопки
	if (f.agree.checked) f.submit.src = путь_до_картинки_2 // В противном случае вновь блокируем кнопку
	else f.submit.src = путь_до_картинки_1
   }
  </script>
</head>
<body>
  <form action="handler.php">
   <p><textarea cols="30" rows="4" readonly>
	Типовой договорОтдаю свою душу, а взамен получаю здоровье и бессмертие. 
   </textarea></p>
   <p><input type="checkbox" name="agree" onClick="agreeForm(this.form)"> 
	Я согласен со всеми условиями</p>
   <p><input type="image" name="submit" src="путь_до_картинки"></p>
  </form>
</body> 
</html>

Shatun · December 16, 2010

спасибо.

правда теперь у меня не получается подцепить картинки

	
if (f.agree.checked) f.submit.src = 'yes.gif'; 
	else f.submit.src = 'no.gif';

может не так их цепляю?

Great Rash · December 16, 2010

Проверьте путь до картинок.

Shatun · December 16, 2010

Да вроде всё в порядке..

убрал лишнее поле

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Блокировка поля</title>
  <script type="text/javascript">
   function agreeForm(f) {
	// Если поставлен флажок, снимаем блокирование кнопки
	if (f.agree.checked) f.submit.src = "yes.gif"; // В противном случае вновь блокируем кнопку
	else f.submit.src = "no.gif";
   }
  </script>
</head>
<body>
  <form action="handler.php">

   <p><input type="checkbox" name="agree" onClick="agreeForm(this.form)">
	Я согласен со всеми условиями</p>
   <p><input type="image" name="submit" src="no.gif"></p>
  </form>
</body>
</html>

Для проверки залил new.htm в корень (диск D) картинки (no.gif и yes.gif) находятся там же

Explorer ругается когда поставишь флаг

Quote
- Сведения об ошибке на веб-странице
Сообщение: Объект не поддерживает это свойство или метод
Строка: 9
Символ: 26
Код: 0
URI-код: file:///D:/new.htm

Firefox ошибок не показывает, но и картинка при установке флага не меняются. Да и сама кнопка активная как до установки флага так и после.

Great Rash · December 16, 2010

Да... что-то по имени находить input не хочет... находите тогда по ID.

http://www.jsfiddle.net/apMaa/

Shatun · December 16, 2010

Мда...

только сильно не пинайте.. но не выходит..

В Вашем примере всё работает (правда без блокировки кнопки), а у меня вообще ничего не получилось на сервер заливал, тоже не работает..

вот в таком виде (картинки как и прежде в корне диска)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Блокировка поля</title>
</head>
<body>
<script type="text/javascript">
function test(f) {
	if (f.testCh.checked) f.getElementById('testSubm').src = 'smile.png';
	else f.getElementById('testSubm').src = 'DotSH-Bullet-Smile.png';
}
</script>
<form action="" method="get">
	<input type="checkbox" id="testCh" name="testCh" onclick="test(this.form);" />
	<input type="image" id="testSubm" name="testSubm" src="DotSH-Bullet-Smile.png" />
</form>
</body>
</html>

что не так?

Great Rash · December 17, 2010

Ой, моя ошибка извиняюсь... конечно же так:

function test(f) {
	if (f.testCh.checked) document.getElementById('testSubm').src = 'smile.png';
	else document.getElementById('testSubm').src = 'DotSH-Bullet-Smile.png';
}

Shatun · December 17, 2010

Great Rash огромное спасибо. Заработала смена картинки!

Пытался вставить - параметр disabled

<script type="text/javascript">
function test(f) {

	if (f.testCh.checked) document.getElementById('testSubm').src = 'smile.png';
	else document.getElementById('testSubm').src = 'DotSH-Bullet-Smile.png';
}
</script>

<form action="linc.php" method="get">
	<input type="checkbox" id="testCh" name="testCh" onclick="test(this.form);" />
	<input type="image" id="testSubm" disabled name="testSubm" src="DotSH-Bullet-Smile.png" />
</form>

но он просто делает картинку не активной.

Похоже для него нужно указать параметр ID. Например - disabled="testSubm" но ведь они одинаковые

Great Rash · December 17, 2010

Параметр disabled должен выглядеть так:

Его предназначение делать элемент неактивным, т.е. на него нельзя кликнуть (он как бы выключает элемент). По этому его поведение вполне логично. А что вам надо?

Shatun · December 17, 2010

Просто в первом посте наверное не совсем чётко выразился.

Quote
вместо кнопки использовать разные картинки (например при подтверждении картинка- yes.gif а если галку не ставили ссылка не активна и стоит картинка no.gif)

Я имел ввиду тот же пример, но с использованием картинок.

Иначе говоря..

1 состояние по умолчанию:

страница открыта на ней картинка - (в нашем случае - DotSH-Bullet-Smile.png)

элемент (сама картинка) неактивная.

2 состояние

- поставили флаг

картинка изменилась на smile.png и элемент (картинка smile.png) стал активным.

Edited December 17, 2010 by Shatun

Sign In

параметр disabled

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information