Имя элемента формы в качестве параметра функции

Clou · October 13, 2009

Есть следующий пример:

<!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>

Хочется универсиализировать функцию, чтобы в качестве параметров в нее можно было передавать имена элементов. Примерно таким образом:

<!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(form_name, name_1, name_2) {
	// Если поставлен флажок, снимаем блокирование кнопки
	if (form-name.name_1.checked) form_name.name_2.disabled = 0 // В противном случае вновь блокируем кнопку
	else form_name.name_2.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(form1, agree, submit)"> 
	Я согласен со всеми условиями</p>
   <p><input type="submit" name="submit" value="Далее" disabled></p>
  </form>
 </body> 
</html>

В ДжаваСкрипте я не силен, так что удары по голове не желательны. :-)

Всем заранее спасибо.

Edited October 13, 2009 by Clou

Flare · October 14, 2009

Сейчас функция agreeForm блокирует и разблокирует кнопку submit по факту нажатия «флажка».

В неё передаётся один параметр, соответственно, обрабатывается тоже только один.

Вы пишете, что вам нужна универсальная функция для трёх параметров. Но что она должна делать? Не понятна задача этой функции.

Если вам нужно передавать 3 параметра, вы правильно написали:

… onClick="agreeForm(form1, agree, submit)" …

Тогда в самом скрипте нужно тоже принимать 3 параметра:

<script type="text/javascript">
   function agreeForm(f, agree, submit) {
	// Если поставлен флажок, снимаем блокирование кнопки
	if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку
	else f.submit.disabled = 1

… … // здесь обработка остальных параметров
   }
  </script>

Конкретизируйте, что должно «случаться» с остальными параметрами.

Clou · October 18, 2009

Сейчас функция agreeForm блокирует и разблокирует кнопку submit по факту нажатия «флажка».
В неё передаётся один параметр, соответственно, обрабатывается тоже только один.
Вы пишете, что вам нужна универсальная функция для трёх параметров. Но что она должна делать? Не понятна задача этой функции.
Если вам нужно передавать 3 параметра, вы правильно написали:
… onClick="agreeForm(form1, agree, submit)" …
Тогда в самом скрипте нужно тоже принимать 3 параметра:
<script type="text/javascript">
   function agreeForm(f, agree, submit) {
	// Если поставлен флажок, снимаем блокирование кнопки
	if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку
	else f.submit.disabled = 1

… … // здесь обработка остальных параметров
   }
  </script>
Конкретизируйте, что должно «случаться» с остальными параметрами.

В том-то и дело, что предлагаемая мною конструкция не работает. Мне хочется универсальности, в таком виде, чтобы я мог передавать название формы, в которой будет срабатывать элемент с переданным именем, при условии клика по элементу с именем, указанным вторым параметром.

Flare · October 18, 2009

В том-то и дело, что предлагаемая мною конструкция не работает. Мне хочется универсальности, в таком виде, чтобы я мог передавать название формы, в которой будет срабатывать элемент с переданным именем, при условии клика по элементу с именем, указанным вторым параметром.

Ну теперь стало понятно :lol:

Скрипт, который вы привели в первом посте, будет работать если исправить опечатку.

<script type="text/javascript">
   function agreeForm(form_name, name_1, name_2) {
	// Если поставлен флажок, снимаем блокирование кнопки
	if (form-name.name_1.checked) form_name.name_2.disabled = 0 // В противном случае вновь блокируем кнопку
	else form_name.name_2.disabled = 1
   }
  </script>

Ошибка здесь:

if (form-name.name_1.checked) form_name.name_2.disabled = 0

Edited October 18, 2009 by Flare

Clou · October 19, 2009

Опечатку исправил, работать отказывается. :lol:

Оформил кусок кода, для простоты понимания. Первая схема не работает, вторая — работает.

<html>
<head>
	<title>блокировки элементов</title>
	<script type="text/javascript">
		function universal_unlock(form_name, src, obj)
		{
			// src — имя элемента, клик по которому изменяет свойство disabled элемента с именем obj
			if (form_name.src.checked) form_name.obj.disabled = 0 // В противном случае вновь блокируем кнопку
			else form_name.obj.disabled = 1
		}

		function unlock(form_name) 
		{
			// Если поставлен флажок, снимаем блокирование кнопки
			if (form_name.option.checked) form_name.txt.disabled = 0 // В противном случае вновь блокируем кнопку
			else form_name.txt.disabled = 1
		}
	</script>
</head>

<body>
	<form name="form1">
		<input type="checkbox" name="option" onclick="universal_unlock(form1, option, txt)"/>
		<input type="text" name="txt" disabled="1"/>
	</form>

	<form name="form2">
		<input type="checkbox" name="option" onclick="unlock(form2)"/>
		<input type="text" name="txt" disabled="1"/>
	</form>

</body>
</html>

Насколько я могу себе представить причина в необходимости дать понять скрипту, что значение переменных src и obj — текстовые. А вот как это сделать?

Edited October 19, 2009 by Clou

s0rr0w · October 19, 2009

unlock(form2) заменяется на unlock(this.form)

Clou · October 19, 2009

unlock(form2) заменяется на unlock(this.form)

Да, это я знаю, спасибо. :-)

Sign In

Имя элемента формы в качестве параметра функции

Question

Clou

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Flare

Link to comment

Share on other sites

Clou

Link to comment

Share on other sites

Flare

Link to comment

Share on other sites

Clou

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Clou

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information