Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Disabled Button / 22 сообщений из 22, страница 1 из 1
26.11.2008, 14:53
    #35676787
master_yoda
master_yoda
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Привет Всем! Нужна помощь
есть кнопка
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth">
и есть
<input class="control_checkbox" type="checkbox" onClick="ChUnch(this)" name="banned_id[]" value="<?=$banned[banned_id]?>"> чексбокс
как умудрится заставить кнопку "Удалить Выделенные" быть дисабл пока не выделен чекбокс?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 14:57
    #35676797
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Задизаблить её с самого начала, а потом энаблить в функции ChUnch(this), если нужно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 14:59
    #35676806
master_yoda
master_yoda
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
ShSergeЗадизаблить её с самого начала, а потом энаблить в функции ChUnch(this), если нужно.
примером можно? в моем случаи?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 15:02
    #35676815
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth" disabled>
...
<input class="control_checkbox" type="checkbox" onClick="ChUnch(this)" name="banned_id[]" value="<?=$banned[banned_id]?>">
...

function ChUnch(this){
document.getElementById('delete').disabled=false;
...
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 15:12
    #35676855
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<script>
function ChUnch(el){
document.getElementById("btn").disabled=!el.checked;
}
</script>
<body>
<input type="checkbox" onclick="ChUnch(this)" value="qqq" />Checkbox
<br />
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth" />
</body>
</html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 16:20
    #35677116
master_yoda
master_yoda
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Ренат
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth" disabled>
...
<input class="control_checkbox" type="checkbox" onClick="ChUnch(this)" name="banned_id[]" value="<?=$banned[banned_id]?>">
...

function ChUnch(this){
document.getElementById('delete').disabled=false;
...
}

Помогло, но если даже потом убрать галочку все ровно активная кнопка остается, как быть?

ShSerge
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<script>
function ChUnch(el){
document.getElementById("btn").disabled=!el.checked;
}
</script>
<body>
<input type="checkbox" onclick="ChUnch(this)" value="qqq" />Checkbox
<br />
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth" />
</body>
</html


странно но ваше вообще не работает:)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 16:27
    #35677142
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Дизаблед подправил. Проверил в фф, ие, хроме - работает.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<script>
function ChUnch(el){
document.getElementById("btn").disabled=!el.checked;
}
</script>
<body>
<input type="checkbox" onclick="ChUnch(this)" value="qqq" />Checkbox
<br />
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth" disabled />
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 16:34
    #35677155
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
function ChUnch(this){
var d=false;
var dd=document.getElementByName('banned_id');
for(var i= 0 ;i<dd.sizeof();i++){
d=d&&dd[i].checked;
}
document.getElementById('btn').disabled=(!d);
...
}

Код: plaintext
1.
2.
3.
function ChUnch(this){
document.getElementById('delete').disabled=(this.checked?false:true); //страно что вариант СЕржа не работает.
...
}

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
function ChUnch(this){
if(this.checked){
document.getElementById('delete').disabled=false;
}else{
document.getElementById('delete').disabled=true;
}
...
}

а что выводит дебагер вобше?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 19:47
    #35677611
master_yoda
master_yoda
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
ShSergeДизаблед подправил. Проверил в фф, ие, хроме - работает.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<script>
function ChUnch(el){
document.getElementById("btn").disabled=!el.checked;
}
</script>
<body>
<input type="checkbox" onclick="ChUnch(this)" value="qqq" />Checkbox
<br />
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth" disabled />
</body>
</html>

угу сорри у меня в коде ошибка была все работает но
<td width="10%"><input class="control_checkbox" type="checkbox" onClick="ChUnch(this)" name="banned_id[]" value="<?=$banned[banned_id]?>"></td> чек бокс из базы идет поэтому его может быть много, было пока 2 чекбокса если ставить на 2-х галочки и потом убрать 1 галочку то кнопка становится дисабл хотя 2 с галочкой как тут быть?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 20:14
    #35677638
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Master_Yoda,

я же вроде выше писал:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
function ChUnch(this){
var d=false;
var dd=document.getElementByName('banned_id');
for(var i= 0 ;i<dd.sizeof();i++){
d=d&&dd[i].checked;
}
document.getElementById('btn').disabled=!d;
...
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 20:31
    #35677661
master_yoda
master_yoda
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
РенатMaster_Yoda,

я же вроде выше писал:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
function ChUnch(this){
var d=false;
var dd=document.getElementByName('banned_id');
for(var i= 0 ;i<dd.sizeof();i++){
d=d&&dd[i].checked;
}
document.getElementById('btn').disabled=!d;
...
}

странно но так же работает... не помогло, стоить убрать одну галочку стразу десабл
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 20:55
    #35677706
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Master_Yoda,

Тебе джедаи дали ответ. Сила тебе поможет. Может, подумать чуть-чуть придётся, зелёная морда.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 21:05
    #35677732
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
ShSergeMaster_Yoda,

Тебе джедаи дали ответ. Сила тебе поможет. Может, подумать чуть-чуть придётся, зелёная морда.
Перевожу:
мол попробуй заменить d=d&&dd[i].checked; на d=d||dd[i].checked; а если не получиться подумай сам. идею уже дали =)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 21:20
    #35677753
master_yoda
master_yoda
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
)))
попробовал так
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
function ChUnch(el) {
if (el.checked) {
document.getElementById('delete').disabled=false;
} else {
document.getElementById('delete').disabled=true;
}
}
не помогает так же, хотя бы объясните, в какую сторону копать, знал бы ДЖ не спрашивал...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 21:29
    #35677775
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Я тебе написал работающий код. возьми скопипасти, посмотри на свой сгенерённый код и разберись, что не так.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 21:34
    #35677779
а
а
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
ShSergeЯ тебе написал работающий код. возьми скопипасти, посмотри на свой сгенерённый код и разберись, что не так.
Спасибо за код, и Ренату тоже, если б я знал уже б сделал...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 22:48
    #35677887
master_yoda
master_yoda
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
<script>
function ChUnch(obj) {
	with ( obj.offsetParent.offsetParent.offsetParent )
		if ( obj.checked ) document.getElementById("delete").disabled=false;
		else document.getElementById("delete").disabled=true;
}
</script>
// сам написал, не спасает...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2008, 22:58
    #35677903
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Так мыслю, нужно на каждый чекбокс повесить обработчик события onchange.
В этом обработчике:
1. Задисаблить кнопку.
2. Пройти по всему document.getElementByName('banned_id'), как писал Ренат ранее, проверяя чекнутость каждого элемента. Если элемент чекнутый - то заинаблить кнопку.

Не совсем красиво, но вполне рабочий приём. Можно выйти из цикла после обработки первого чекнутого - состояния остальных не имеют значения.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 02:09
    #35678044
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
vkle,

имхо на словах бесполезно объяснять.

Берем пример Рената, переводим на javascript, копипастим и радуемся:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript">
		function ChUnch()
		{
			var d=false;
			var dd=document.getElementsByName('banned_id[]');
			for(var i= 0 ;i<dd.length && !d;i++)
			{
				if (dd[i].checked) d = true;
			}
			document.getElementById('btn').disabled=!d;
		}
	</script>
</head>
<body>
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth" disabled>
<input class="control_checkbox" type="checkbox" onClick="ChUnch()" name="banned_id[]" value="1"> чекбокс1
<input class="control_checkbox" type="checkbox" onClick="ChUnch()" name="banned_id[]" value="2"> чекбокс2
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 13:14
    #35678935
master_yoda
master_yoda
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
illionvkle,

имхо на словах бесполезно объяснять.

Берем пример Рената, переводим на javascript, копипастим и радуемся:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript">
		function ChUnch()
		{
			var d=false;
			var dd=document.getElementsByName('banned_id[]');
			for(var i= 0 ;i<dd.length && !d;i++)
			{
				if (dd[i].checked) d = true;
			}
			document.getElementById('btn').disabled=!d;
		}
	</script>
</head>
<body>
<input id="btn" type="submit" name="delete" value="Удалить выделенные" class="control_fullwidth" disabled>
<input class="control_checkbox" type="checkbox" onClick="ChUnch()" name="banned_id[]" value="1"> чекбокс1
<input class="control_checkbox" type="checkbox" onClick="ChUnch()" name="banned_id[]" value="2"> чекбокс2
</body>
</html>

Огромное спасибо за помощь, просто спасли...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 13:35
    #35679033
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
illionvkle,

имхо на словах бесполезно объяснять.

Берем пример Рената, переводим на javascript, копипастим и радуемся:

Имхо мне по рууски дали знать что javascript я вобше не знаю(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.11.2008, 00:50
    #35680728
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disabled Button
Ренат,

не, не так, ни в коем разе. Я об getElementByName и об sizeof (это, видимо, пхпэшный артефакт). Вообще-то я тоже часто так пишу, но как бы наоборот. То есть т.к. js мне роднее всех остальных скриптовых языков, то я периодически вписываю его конструкции и функции в серверные скрипты. Особенно тяжко было с перлом, постоянно интерпретатор матюкался на var param вместо my $param, на array.join(' ') вместо join(' ',@array) и т.п. Приходилось переводить с js на перл.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Disabled Button / 22 сообщений из 22, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 517ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455510]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 150ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 285ms
total:  517ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]