Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

Включение/выключение подсветки строк в таблице

Автор Безбашенный прораб, 09-08-2013, 00:56:18

« назад - далее »

Безбашенный прорабTopic starter

Всем привет!
Вот такая задачка у меня:
На странице имеется таблица. Я добавил псевдокласс к строкам, чтобы при наведении курсором на строку - она подсвечивалась другим цветом.
Довольно удобная штука, помогает ориентироваться.

Решил сделать, чтобы эта функция отключалась по желанию пользователя (бывает, что раздражает...)
Например: пользователь ставит галочку и псевдокласс перестает работать. Пользователь снимает галочку - псевдокласс работает. Ну или наоборот -  не суть важна.

Хочется узнать, с помощью простого CSS это возможно реализовать?
Если да, не набросаете код? А то я с чекбоксами не очень...

Думаю, это можно сделать вроде как тут - http://habrahabr.ru/post/167151/, только тут реализован спойлер, можно ли так же сделать, только для включения/выключения другого псевдокласса?

Я просто в CSS не профи, а в JS тем более... так что...HELP ^_^
Капитальный ремонт квартир в Москве и Московской области.
  •  


MrViper

такое с помощью css сделать нельзя, можно сделать такое с помощью JS


UnitZ

Эх, зря я сразу не написал, почему-то тоже был уверен что так нельзя сделать, но.. вот пример, всё элементарно: http://jsfiddle.net/ntq5c/1/
Работает в браузерах с CSS3.

  •  

Безбашенный прорабTopic starter

Ну с JS я не в ладах =)
По поводу того, что можно на JS - конечно не спорю) Но меня интересовал именно CSS вариант.
UnitZ - Спасибо за Код! Лови Спасибо =)
Капитальный ремонт квартир в Москве и Московской области.
  •  



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....