| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: для новичков > Подсветка строк и столбцов таблицы html |
| Автор: sashgera 19.12.2014, 16:33 | ||||||
| Здравствуйте Есть javascript при выполнении которого подсвечиваются строки и столбцы таблицы html - вот пример: http://www.glass-pgc.ru/Untitled_table_hover.html Пожалуйста, помогите сделать, чтобы js не применялся к строке с классом .nolighting - при наведении на строку tr с таким классом не было подсветки строк и столбцов
|
| Автор: Aliance 19.12.2014, 16:56 |
| Зачем здесь вообще JS? Используйте http://htmlbook.ru/css/hover Добавлено через 3 минуты и 43 секунды http://jsfiddle.net/Aliance/bcyrLLqk/ |
| Автор: sashgera 19.12.2014, 17:02 |
| Aliance, в css hover не применяется к столбцам, смотрите пример: http://www.glass-pgc.ru/Untitled_table_hover.html |
| Автор: Aliance 19.12.2014, 17:28 | ||||||
| sashgera, тогда да, соглашусь. В таком случае вставьте следующий код:
внутрь функции cc между строчками
|
| Автор: sashgera 19.12.2014, 17:53 |
| Aliance, спасибо, но ваш код выполняет только часть задачи что делает js: 1) при наведении на ячейку - эта ячейка получает background-color (белый цвет) 2) соседние ячейки этой строки - получают background-color (синий цвет) 3) столбец, в которой находится эта ячейка - получает background-color (синий цвет) а вот при наведении на строку с классом .nolighting, js не должен выполняться ваш код выполнил только первый пункт, вот пример с внесением вашего кода: http://www.glass-pgc.ru/Untitled_table_hover2.html if (o.parentNode.nodeName.toLowerCase() == 'tr' && o.parentNode.className.indexOf('nolighting') !== -1) { return; } |
| Автор: sashgera 21.12.2014, 00:50 |
| вопрос решен |
| Автор: Aliance 22.12.2014, 08:58 |
Обычно принято на форуме писать найденное решение, оно может пригодиться кому-то еще. Кроме того, когда вы получили ответ на ваш вопрос в правом верхнем углу темы есть ссылка "пометить как решенный", хорошо бы ее не забывать нажимать. |