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

dimka_sh · 28.02.2007, 21:12

Подскажите как сделать чтобы при выделение строки в таблице она закрашивалась каким-то цветом, а когда курсор убираешь - становилась исходным?
Желательно по подробнее

Заранее благодарен!!!

Nark · 01.03.2007, 09:08

Цитата:

dimka_sh:
Подскажите как сделать чтобы при выделение строки в таблице она закрашивалась каким-то цветом, а когда курсор убираешь - становилась исходным?
Желательно по подробнее

Заранее благодарен!!!

CSS:

TR.ClasId
{background-color: #Color;}

TR.ClasId:hover
{background-color: #Color1;}

dimka_sh · 01.03.2007, 14:20

ivan341 · 01.03.2007, 14:41

Nark, офигеть ты помог))) Он же вообще помоеу хтмл даже не догоняет.

<tr class="ClasId"><td> бла бла </td></tr>

dimka_sh · 01.03.2007, 14:50

Это я тоже сделал, все равно не меняет...

deMone · 01.03.2007, 15:01

Это будет действовать только в Firefox или в Opera, в IE работать не будет, он не понимает :hover у td.

Чтобы работало везде прописываем:
<style type="text/css">
tr.normal td {background-color: #FFFFFF;}
tr.normal:hover td, tr.hover td {background-color: #cccccc;}
</style>

а у каждого тега <tr> в таблице вот так:
<tr class="normal" onmouseover="this.className='hover';" onmouseout="this.className='normal';"><td>...</td></tr>

dimka_sh · 01.03.2007, 15:07

Благодарю за понятный и хороший ответ!

Nark · 01.03.2007, 17:31

deMone: От меня тоже спасибо

.

Цитата:

ivan341:
Nark, офигеть ты помог))) Он же вообще помоеу хтмл даже не догоняет.

Странно... Откуда тогда у него 121 сообщение и подпись пхп-шная

?

ivan341 · 01.03.2007, 19:30

Nark, Вот на беспонтовую подпись я тоже обратил внимание +)

John_webMaker · 02.03.2007, 19:14

deMone,

Цитата:

class="normal" onmouseover="this.className='hover';" onmouseout="this.className='normal';"

Классная штучка, очень полезная вещь!

John_webMaker добавил [date]1172852186[/date]:
Очень помог.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Выделение ссылки	ART_SUMY	HTML, CSS, JavaScript	1	17.07.2014 11:01
Привязка внешних ссылок на фрагменты изображения, выделение фрагмента	spooch	HTML, CSS, JavaScript	8	30.01.2013 00:10
Выделение изображения (полностью или рамки) JavaScript	spooch	HTML, CSS, JavaScript	1	29.01.2013 18:43
Выделение рисунка при наведении мыши	viktop	HTML, CSS, JavaScript	0	03.04.2012 14:33
Как узнать номер строки в таблице?	tend	ASP, Perl, PHP и MySQL	6	06.07.2006 10:53

28.02.2007, 21:12	#1
dimka_sh	Подскажите как сделать чтобы при выделение строки в таблице она закрашивалась каким-то цветом, а когда курсор убираешь - становилась исходным? Желательно по подробнее Заранее благодарен!!!

01.03.2007, 14:20	#3
dimka_sh	<style type="text/css"> TR.ClasId {background-color: #FFFFFF;} TR.ClasId:hover {background-color: #F7941C;} </style> Добавил в <head> При наведении курсора цвет не меняется

01.03.2007, 14:41	#4
ivan341	Nark, офигеть ты помог))) Он же вообще помоеу хтмл даже не догоняет. <tr class="ClasId"><td> бла бла </td></tr>

01.03.2007, 14:50	#5
dimka_sh	Это я тоже сделал, все равно не меняет...

01.03.2007, 15:01	#6
deMone	Это будет действовать только в Firefox или в Opera, в IE работать не будет, он не понимает :hover у td. Чтобы работало везде прописываем: <style type="text/css"> tr.normal td {background-color: #FFFFFF;} tr.normal:hover td, tr.hover td {background-color: #cccccc;} </style> а у каждого тега <tr> в таблице вот так: <tr class="normal" onmouseover="this.className='hover';" onmouseout="this.className='normal';"><td>...</td></tr>

01.03.2007, 15:07	#7
dimka_sh	Благодарю за понятный и хороший ответ!

01.03.2007, 19:30	#9
ivan341	Nark, Вот на беспонтовую подпись я тоже обратил внимание +)

Опции темы
Версия для печати Отправить по электронной почте