Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » [решено] Изменение цвета фона ячейки таблицы при нажатии чекбокса

Ответить
Настройки темы
[решено] Изменение цвета фона ячейки таблицы при нажатии чекбокса

Аватара для dmitryst

Ветеран


Сообщения: 7107
Благодарности: 885


Конфигурация

Профиль | Отправить PM | Цитировать


Привожу кусок кода:
Код: Выделить весь код
<td>
<form id="form1" name="form1" method="post" action="">
          <input type="checkbox" id="test-check" />
</form>
</td>
Нужно, чтобы при нажатии чекбокса менялся цвет фона ячейки - нажат чекбокс=фон зеленый, не нажат чекбокс=фон красный. Честно говоря, совсем запутался со стилями и javascript-ами.. Кое-как удалось это реализовать, но работает только в эксплорере. Я так подозреваю, надо использовать что-то вида document.table.cell_ID.background-color="color", подскажите, как это сделать правильно (или хоть как-нибудь, чтобы было кроссбраузерным решением)

-------
Осваиваю FreeBSD


Отправлено: 17:05, 17-09-2008

 

Аватара для Arrest

runs with scissors


Сообщения: 642
Благодарности: 77

Профиль | Отправить PM | Цитировать


document.getElementById("test-check").parentNode.parentNode.style.backgroundColor="новый цвет"

-------
- Why do you call this version of software 'beta'?
- Coz it's beta than nothing.

Это сообщение посчитали полезным следующие участники:

Отправлено: 18:45, 17-09-2008 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


Чуть дополню:
HTML код: Выделить весь код
<table><tr> <td id="chbxStatus" style="background-color:red"> <form id="form1" name="form1" method="post" action=""> <input type="checkbox" id="test-check" onclick="document.getElementById('chbxStatus').style.backgroundColor = this.checked ? 'green' : 'red'"/>dsf </form> </td> </tr></table>

Это сообщение посчитали полезным следующие участники:

Отправлено: 19:17, 17-09-2008 | #3


Аватара для dmitryst

Ветеран


Сообщения: 7107
Благодарности: 885

Профиль | Отправить PM | Цитировать


Coutty, фигассе конструкция.. Понятно, почему у меня ничего не получилось . Спасибо обоим!

-------
Осваиваю FreeBSD


Отправлено: 23:39, 17-09-2008 | #4


Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


dmitryst, это упрощённый вариант от:
HTML код: Выделить весь код
if (this.checked) // или if (document.getElementById('test-check').checked) document.getElementById('chbxStatus').style.backgroundColor = 'green'; else document.getElementById('chbxStatus').style.backgroundColor = 'red';

Сама конструкция означает:
Код: Выделить весь код
условие ? "вернуть, если условие верно" : "вернуть, если условие не верно"
А раз возвращает значение, значит можно его присвоить чему-нибудь)

Но, в общем, это Arrest придумал как реализовать кросс-браузерно У меня почему-то получалось только для Оперы - присваивал к .style = "background-color:green", а оно - только для чтения в других браузерах.
Это сообщение посчитали полезным следующие участники:

Отправлено: 03:59, 18-09-2008 | #5



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » [решено] Изменение цвета фона ячейки таблицы при нажатии чекбокса

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Интерфейс - Установка цвета фона папок в проводнике D.A.E. Microsoft Windows 2000/XP 13 14-12-2010 18:13
[решено] Выбор цвета фона для всплывающей подсказки в окне настроек Windows beve AutoIt 2 14-01-2010 01:12
[решено] Получить значение ячейки из таблицы HTML Lodoss AutoIt 2 30-12-2009 07:15
html: фиксирование ячейки таблицы по размеру dima1981 Вебмастеру 21 31-08-2008 16:17
Изменение цвета фона ячейки таблицы Pawel gor Вебмастеру 6 12-10-2003 00:19




 
Переход