ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите есть вопросик
15 сообщений из 15, страница 1 из 1
помогите есть вопросик
    #35272782
m@ximk@
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
m@ximk@
Гость
Допустим есть такой код
автор
<form name="text" method="POST">
<table border="2">
<tr><td><input type="checkbox">Текст 1</td></tr>
<tr><td><input type="checkbox">Текст 2</td></tr>
</table>
</form>

Как мне сделать так чтобы при отмеченом поле checkbox фон строки изменялся,
а при снятом убирался. Т.е. если флажок отмечен фон был один иначе другой.
При помощи JS
...
Рейтинг: 0 / 0
23.04.2008, 02:11
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35272796
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
совершенно неясно зачем здесь таблица. Надеюсь, не ради рамки вокруг чекбосков.

Код: plaintext
1.
<tr><td><input type="checkbox" onclick="this.parentNode.style.background=(this.checked)?'#cad':'#fff'">Текст  1 </td></tr>
<tr><td><input type="checkbox" onclick="this.parentNode.style.background=(this.checked)?'#cad':'#fff'">Текст  2 </td></tr>

а еще для чекбоксов можно использовать label, а не просто "Текст 1". Тогда не обязательно целиться в квадратик чекбокса, а можно и на текст жать.
...
Рейтинг: 0 / 0
23.04.2008, 02:41
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35272879
m@ximk@
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
m@ximk@
Гость
illionсовершенно неясно зачем здесь таблица. Надеюсь, не ради рамки вокруг чекбосков.
а таблица мене нужна здесь потомучто у меня не одна ячейка, а несколько
и надо чтобы фон изменялся во всей строке, а не только в той ячейке где находится checkbox
...
Рейтинг: 0 / 0
23.04.2008, 07:50
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35272892
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
m@ximk@чтобы фон изменялся во всей строке, а не только в той ячейке где находится checkboxТогда this.parentNode.parentNode.style.
...
Рейтинг: 0 / 0
23.04.2008, 08:06
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35272959
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
m@ximk@Как мне сделать так чтобы при отмеченом поле checkbox фон строки изменялся
Создай два стиля в css "отмеченая" и "не_отмеченая" строка... А в событии чекбокса (onclick например) проверяй его состояние и присваивай строке тот или иной стиль...
...
Рейтинг: 0 / 0
23.04.2008, 09:00
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35275924
m@ximk@
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
m@ximk@
Гость
Помогите изменить код так чтобы фон изменялся не во всем документе, а только в строчке.
Вот код:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<script>
function changeBox(cbox) {
	box = eval(cbox);
	box.checked = !box.checked;
	if (box.checked == true) {
		document.bgColor='#CCFFCC';
	}
	else {
		document.bgColor='#FFFFCC';
	}
}
</script>
<form method="GET" name="demoform">
<table border="2">
<tr onclick="changeBox(document.demoform.c1)"><td><input type="checkbox" name="c1"></td><td>Текст  1 </td></tr>
<tr onclick="changeBox(document.demoform.c2)"><td><input type="checkbox" name="c2"></td><td>Текст  1 </td></tr>
</table>
...
Рейтинг: 0 / 0
24.04.2008, 07:01
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35275994
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<script>
function changeBox(cbox,Obj) {
	box = eval(cbox);
	box.checked = !box.checked;
	if (box.checked == true) {
		Obj.bgColor='#CCFFCC';
	}
	else {
		Obj.bgColor='#FFFFCC';
	}
}
</script>
<form method="GET" name="demoform">
<table border="2">
<tr onclick="changeBox(document.demoform.c1,this)"><td><input type="checkbox" name="c1"></td><td>Текст  1 </td></tr>
<tr onclick="changeBox(document.demoform.c2,this)"><td><input type="checkbox" name="c2"></td><td>Текст  1 </td></tr>
</table>
----------
Cache for Windows (Intel) 2007.1 (Build 369) Fri Jun 15 2007 15:25:42 EDT
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
24.04.2008, 08:48
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35276012
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
krvsa , это не выход. Строка box.checked = !box.checked; фактически не позволяет поставить галку при клике на чекбокс, только на строку надо кликать. Надо эвент в функцию передавать и различать, на что кликнуто было - на просто строку или на чекбокс.
...
Рейтинг: 0 / 0
24.04.2008, 09:04
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35276048
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
illionэто не выход
Так если автора скрипт устраивает... И нужно лиш установить цвет у нужного элемента - чем не выход?
А про чекбокс автор ничего не говорил...
...
Рейтинг: 0 / 0
24.04.2008, 09:26
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35276086
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
krvsaТак если автора скрипт устраивает...
я думаю, что автор просто не подозревает, насколько его функция кривая. Eval в ней аж глаза режет.
...
Рейтинг: 0 / 0
24.04.2008, 09:40
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35276219
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
illion , но это уже другая история... (c)
----------
Cache for Windows (Intel) 2007.1 (Build 369) Fri Jun 15 2007 15:25:42 EDT
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
24.04.2008, 10:19
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35278798
m@ximk@
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
m@ximk@
Гость
Про чекбокс я знаю.
illionНадо эвент в функцию передавать и различать, на что кликнуто было - на просто строку или на чекбокс.как это сделать?
illionEval в ней аж глаза режет.
и чем же плох eval??? и как от него избавиться?
...
Рейтинг: 0 / 0
25.04.2008, 06:21
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35278890
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
m@ximk@ , давай лучше сначала... Что вообще за задача у тебя стоит? А то что-то действия у тебя какие-то, прямо скажем, не очень...
----------
Cache for Windows (Intel) 2007.1 (Build 369) Fri Jun 15 2007 15:25:42 EDT
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
25.04.2008, 08:54
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35279485
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
m@ximk@Про чекбокс я знаю.
illionНадо эвент в функцию передавать и различать, на что кликнуто было - на просто строку или на чекбокс.как это сделать?
например так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<script>
function changeBox(trObj, evt) {
	var evt = window.event || evt;
	var obj = evt.target || evt.srcElement;
	var box = trObj.cells[ 0 ].firstChild;
	if (obj.type != 'checkbox')	box.checked = !box.checked;
	trObj.style.background = box.checked?'#CFC':'#FFC';
}
</script>
<table border="2">
<tr onclick="changeBox(this, event)"><td><input type="checkbox" name="c1"></td><td>Текст  1 </td></tr>
<tr onclick="changeBox(this, event)"><td><input type="checkbox" name="c2"></td><td>Текст  1 </td></tr>
</table>
здесь я предполагаю, что чекбокс - это первый элемент в первой ячейке строки. Если не так, то можете передавать в функцию id элемента и пользоваться getElementById . Здесь использование eval кроме как тупизмом больше никак не назовешь.
...
Рейтинг: 0 / 0
25.04.2008, 12:19
| Ответить | Цитировать | Написать  
помогите есть вопросик
    #35290902
m@ximk@
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
m@ximk@
Гость
Не подскажете как сделать ссылки отметить все и снять все, так чтоб цвета строк изменялись.
...
Рейтинг: 0 / 0
03.05.2008, 04:59
| Ответить | Цитировать | Написать  
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите есть вопросик
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35276048&tid=1456525]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 177ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 212ms
total:  457ms
созд. / загр.: 457ms
x
x
Закрыть


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