|
|
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
Надо сделать элементарную подсветку строк в таблице при наведении мышки использую JQuery. Делаю следующее: 1. Рисуется таблица с Код: plaintext Код: plaintext Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 4. класс Код: plaintext Подсветка не работает! Внимание вопрос: почему? Смотрю Firebug'ом при наведении на <tr> класс появляется, но подсветка не работает. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 09:55 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
Вот такое работает точно Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 10:18 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 10:52 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
дело вот в чём: у Вас tr уже имеет класc с указанным background-color . В этом случае другой клас с background-color не подействует. Можете сделать не классом, а стилем: Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 10:57 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
да, кстати, насчет приоритетов Краказябл прав, приоритет имеет более конкретный селектор (в данном случае напрямую к tr) поможет простой трюк Код: plaintext ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 11:21 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
конечно, с !emportant было бы проще. НО у него есть свои минусы, IE6 его вообще не понимает, да и в некоторых браузерах может возникнуть конфликт с таблицей стилей. Настоятельно рекомендую Вам сделать так, как написал я, т.е. задать стиль напрямую ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 11:31 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
опечатка вышла: !important ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 11:32 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
Краказябл так делать по меньшей мере некрасиво. Потому что при смене дизайна ищи потом все места где цвет меняется. А вот bind() и !important сейчас попробую. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 11:33 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
bind не сработал. !important из-за несовместимостей браузеров тоже не подходит. Неужели кроме указания свойства напрямую нет вариантов? не верю. Надо искать. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 11:41 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
Краказяблконечно, с !emportant было бы проще. НО у него есть свои минусы, IE6 его вообще не понимает, да и в некоторых браузерах может возникнуть конфликт с таблицей стилей. все понимает, если написать его ниже предыдущего правила ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 11:41 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
ещё для верности можно уточнить селектор:) tr.thover {} ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 11:42 |
|
||
|
CSS+JavaScript: подмена класса у <tr>
|
|||
|---|---|---|---|
|
#18+
зы . tr.thover{} сработал как надо! Пока остановлюсь на этом варианте. !important тоже работал и в IE6 и в других. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.09.2008, 11:48 |
|
||
|
|

start [/forum/topic.php?fid=22&fpage=319&tid=1455844]: |
0ms |
get settings: |
7ms |
get forum list: |
9ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
35ms |
get topic data: |
6ms |
get forum data: |
2ms |
get page messages: |
26ms |
get tp. blocked users: |
1ms |
| others: | 237ms |
| total: | 327ms |

| 0 / 0 |
