ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы при наведении мыши
5 сообщений из 5, страница 1 из 1
Подсветка строк таблицы при наведении мыши
    #38099323
Azzow
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Azzow
Гость
Помогите решить проблему. Хочу сделать подсветку строк таблицы при наведении миши начиная со строки 1, т.е. то что жирным шрифтом не изменялось..У меня при использовании кода с этого форума подсвечиваются все строки...Вот код.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
<form>
    <div><select onchange="self.location.href = this.value">
    <option value="value=none">Wybierz ...</option>
    <optgroup label="Budynek A2">
    <option value="/a2parter" target="_top">Parter</option>
    <option value="/a2pietro1" target="_top">Pi&#281;tro I - sprzedane</option>
    <option value="/a2pietro2" target="_top">Pi&#281;tro II </option>
    </optgroup> <optgroup label="Budynek A3">
    <option value="/a3parter" target="_top">Parter</option>
    <option value="/a3pietro1" target="_top">Pi&#281;tro I </option>
    <option value="/a3pietro2" target="_top">Pi&#281;tro II </option>
    </optgroup>       </select></div>
</form>
 
<table width="100%" cellspacing="1" cellpadding="1" align="center" id="ceny">
    <tbody>
        <tr>
            <td rowspan="2" style="text-align: center;"><strong>lp.</strong></td>
            <td colspan="3" style="text-align: center;"><strong> </strong><a target=" _blank" title="Interesuj&#261; Ci&#281; nieruchomo&#347;ci nad morzem? Kompleks Mierzeja Park to inwestycja obejmuj&#261;ca budow&#281; 20 budynk&#243;w nad morzem Ba&#322;tyckim. Zapraszamy r&#243;wnie&#380; do zapoznania si&#281; z ofert&#261; Mierzeja Wi&#347;lana." href="http://mierzeja-development.pl/dostepne-lokale">Mierzeja Park</a> <strong>4</strong></td>
            <td rowspan="2" style="text-align: center;"><strong>Liczba

            pokoi</strong></td>
            <td rowspan="2" style="text-align: center;"><strong>Cena (brutto)</strong></td>
            <td rowspan="2" style="text-align: center;"><strong> Pobierz </strong></td>
            <td rowspan="2" style="text-align: center;"><strong>  Przegl&#261;daj  </strong></td>
            <td rowspan="2" style="text-align: center;"><strong>Status</strong></td>
        </tr>
        <tr>
            <td style="text-align: center;"><strong>Nr lokalu</strong></td>
            <td style="text-align: center;"><strong>Pi&#281;tro</strong></td>
            <td style="text-align: center;"><strong>Powierzchnia (m&#178;)</strong></td>
        </tr>
        <tr>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">A2 - 0 - 1</td>
            <td style="text-align: center;">0</td>
            <td style="text-align: center;">31,84</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">
            <p align="center" class="MsoNormal" style="text-align: center;">154 742 z&#322;</p>
            </td>
            <td style="text-align: center;"><a target="_blank" href="http://mierzeja-development.pl/images/stories/file/a2-0-1.pdf"><img width="15" height="17" border="0" class="border0" alt="" src="http://mierzeja-development.pl/images/stories/ikonka.png" /></a></td>
            <td style="text-align: center;"><img width="40" height="57" border="0" alt="" src="http://mierzeja-development.pl/images/stories/Rzuty-jpg/A2/A2-0-1.jpg" /></td>
            <td style="text-align: center;">Wolne

            <strong><span style="color:#FF0000;">Promocja</span></strong></td>
        </tr>
        <tr>
            <td style="text-align: center;">2</td>
            <td style="text-align: center;">A2 - 0 - 2</td>
            <td style="text-align: center;">0</td>
            <td style="text-align: center;">37,16</td>
            <td style="text-align: center;">2</td>
            <td style="text-align: center;">
            <p align="center" style="text-align: center;" class="MsoNormal">208 096 z&#322;</p>
            </td>
            <td style="text-align: center;"><a target="_blank" href="http://mierzeja-development.pl/images/stories/file/a2-0-2.pdf"><img width="15" height="17" border="0" alt="" class="border0" src="../../../../images/stories/ikonka.png" /></a></td>
            <td style="text-align: center;"><img alt="" width="40" height="57" border="0" src="http://mierzeja-development.pl/images/stories/Rzuty-jpg/A2/A2-0-2.jpg" /></td>
            <td style="text-align: center;">Wolne</td>
        </tr>
        <tr>
            <td style="text-align: center;">3</td>
            <td style="text-align: center;">A2 - 0 - 3</td>
            <td style="text-align: center;">0</td>
            <td style="text-align: center;">29,89</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">
            <p align="center" style="text-align: center;" class="MsoNormal">168 878 z&#322;</p>
            </td>
            <td style="text-align: center;"><a target="_blank" href="http://mierzeja-development.pl/images/stories/file/a2-0-3.pdf"><img width="15" height="17" border="0" class="border0" alt="" src="../../../../images/stories/ikonka.png" /></a></td>
            <td style="text-align: center;"><img alt="" width="40" height="57" border="0" src="http://mierzeja-development.pl/images/stories/Rzuty-jpg/A2/A2-0-3.jpg" /></td>
            <td style="text-align: center;">Wolne

            <strong><span style="color:#FF0000;">Promocja</span></strong></td>
        </tr>
        <tr>
            <td style="text-align: center;">4</td>
            <td style="text-align: center;">A2 - 0 - 4</td>
            <td style="text-align: center;">0</td>
            <td style="text-align: center;">29,83</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">
            <p align="center" style="text-align: center;" class="MsoNormal">165 556 z&#322;</p>
            </td>
            <td style="text-align: center;"><a target="_blank" href="http://mierzeja-development.pl/images/stories/file/a2-0-4.pdf"><img width="15" height="17" border="0" class="border0" alt="" src="../../../../images/stories/ikonka.png" /></a></td>
            <td style="text-align: center;"><img alt="" width="40" height="57" border="0" src="http://mierzeja-development.pl/images/stories/Rzuty-jpg/A2/A2-0-4.jpg" /></td>
            <td style="text-align: center;">Wolne

            <strong><span style="color:#FF0000;">Promocja</span></strong></td>
        </tr>
        <tr>
            <td style="text-align: center;">5</td>
            <td style="text-align: center;">A2 - 0 - 5</td>
            <td style="text-align: center;">0</td>
            <td style="text-align: center;">29,83</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">
            <p align="center" style="text-align: center;" class="MsoNormal">-</p>
            </td>
            <td style="text-align: center;"><a target="_blank" href="http://mierzeja-development.pl/images/stories/file/a2-0-5.pdf"><img width="15" height="17" border="0" class="border0" alt="" src="../../../../images/stories/ikonka.png" /></a></td>
            <td style="text-align: center;"><img alt="" width="40" height="57" border="0" src="http://mierzeja-development.pl/images/stories/Rzuty-jpg/A2/A2-0-5.jpg" /></td>
            <td style="text-align: center;">Sprzedane</td>
        </tr>
        <tr>
            <td style="text-align: center;">6</td>
            <td style="text-align: center;">A2 - 0 - 6</td>
            <td style="text-align: center;">0</td>
            <td style="text-align: center;">29,89</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">
            <p align="center" style="text-align: center;" class="MsoNormal">-</p>
            </td>
            <td style="text-align: center;"><a target="_blank" href="http://mierzeja-development.pl/images/stories/file/a2-0-6.pdf"><img width="15" height="17" border="0" class="border0" alt="" src="../../../../images/stories/ikonka.png" /></a></td>
            <td style="text-align: center;"><img alt="" width="40" height="57" border="0" src="http://mierzeja-development.pl/images/stories/Rzuty-jpg/A2/A2-0-6.jpg" /></td>
            <td style="text-align: center;">Sprzedane</td>
        </tr>
        <tr>
            <td style="text-align: center;">7</td>
            <td style="text-align: center;">A2 - 0 - 7</td>
            <td style="text-align: center;">0</td>
            <td style="text-align: center;">36,03</td>
            <td style="text-align: center;">2</td>
            <td style="text-align: center;">
            <p align="center" style="text-align: center;" class="MsoNormal">190 670 z&#322;</p>
            </td>
            <td style="text-align: center;"><a target="_blank" href="http://mierzeja-development.pl/images/stories/file/a2-0-7.pdf"><img width="15" height="17" border="0" alt="" class="border0" src="../../../../images/stories/ikonka.png" /></a></td>
            <td style="text-align: center;"><img alt="" width="40" height="57" border="0" src="http://mierzeja-development.pl/images/stories/Rzuty-jpg/A2/A2-0-7.jpg" /></td>
            <td style="text-align: center;">Wolne

            <strong><span style="color:#FF0000;">Promocja</span></strong></td>
        </tr>
    </tbody>
</table>
<div style="text-align: right;">

{backbutton}</div>


Модератор: Не забывай форматировать код.
[IDV]
...
Рейтинг: 0 / 0
03.01.2013, 14:54
| Ответить | Цитировать | Написать  
Подсветка строк таблицы при наведении мыши
    #38099332
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
http://htmlbook.ru/css/hover
...
Рейтинг: 0 / 0
03.01.2013, 15:02
| Ответить | Цитировать | Написать  
Подсветка строк таблицы при наведении мыши
    #38099829
Фотография Маф
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Маф
Участник
Azzow,
можешь еще поковырять javascript событие onmouseover, меняя стиль background строки
...
Рейтинг: 0 / 0
04.01.2013, 04:15
| Ответить | Цитировать | Написать  
Подсветка строк таблицы при наведении мыши
    #38099939
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
аяксом
Код: sql
1.
2.
3.
4.
  
 $("table.menu td").mouseover(function(){
       $(this).addClass("selmenu");
   });


всем td таблицы с классом menu вешается обработчик прохода курса, который устанавливает класс. в класс можно записать нужный цвет, жирность и т д
при уходе курса можно класс удалять через removeClass
...
Рейтинг: 0 / 0
04.01.2013, 13:18
| Ответить | Цитировать | Написать  
Подсветка строк таблицы при наведении мыши
    #38099960
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
нифига не понял, при чем тут ajax
...
Рейтинг: 0 / 0
04.01.2013, 13:44
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы при наведении мыши
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38099939&tid=1448895]:
 0ms
get settings:
 5ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 18ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 210ms
total:  306ms
созд. / загр.: 306ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]