Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите есть вопросик / 15 сообщений из 15, страница 1 из 1
23.04.2008, 02:11
    #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:41
    #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, 07:50
    #35272879
m@ximk@
m@ximk@
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите есть вопросик
illionсовершенно неясно зачем здесь таблица. Надеюсь, не ради рамки вокруг чекбосков.
а таблица мене нужна здесь потомучто у меня не одна ячейка, а несколько
и надо чтобы фон изменялся во всей строке, а не только в той ячейке где находится checkbox
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2008, 08:06
    #35272892
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите есть вопросик
m@ximk@чтобы фон изменялся во всей строке, а не только в той ячейке где находится checkboxТогда this.parentNode.parentNode.style.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2008, 09:00
    #35272959
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите есть вопросик
m@ximk@Как мне сделать так чтобы при отмеченом поле checkbox фон строки изменялся
Создай два стиля в css "отмеченая" и "не_отмеченая" строка... А в событии чекбокса (onclick например) проверяй его состояние и присваивай строке тот или иной стиль...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.04.2008, 07:01
    #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, 08:48
    #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, 09:04
    #35276012
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите есть вопросик
krvsa , это не выход. Строка box.checked = !box.checked; фактически не позволяет поставить галку при клике на чекбокс, только на строку надо кликать. Надо эвент в функцию передавать и различать, на что кликнуто было - на просто строку или на чекбокс.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.04.2008, 09:26
    #35276048
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите есть вопросик
illionэто не выход
Так если автора скрипт устраивает... И нужно лиш установить цвет у нужного элемента - чем не выход?
А про чекбокс автор ничего не говорил...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.04.2008, 09:40
    #35276086
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите есть вопросик
krvsaТак если автора скрипт устраивает...
я думаю, что автор просто не подозревает, насколько его функция кривая. Eval в ней аж глаза режет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.04.2008, 10:19
    #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
| Ответить | Цитировать | Написать  
25.04.2008, 06:21
    #35278798
m@ximk@
m@ximk@
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите есть вопросик
Про чекбокс я знаю.
illionНадо эвент в функцию передавать и различать, на что кликнуто было - на просто строку или на чекбокс.как это сделать?
illionEval в ней аж глаза режет.
и чем же плох eval??? и как от него избавиться?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2008, 08:54
    #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, 12:19
    #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
| Ответить | Цитировать | Написать  
03.05.2008, 04:59
    #35290902
m@ximk@
m@ximk@
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите есть вопросик
Не подскажете как сделать ссылки отметить все и снять все, так чтоб цвета строк изменялись.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите есть вопросик / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 409ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456525]:
 0ms
get settings:
 11ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 59ms
get topic data:
 13ms
get forum data:
 4ms
get page messages:
 51ms
get tp. blocked users:
 2ms
others: 241ms
total:  409ms
x
x
Закрыть


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