Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы при наведении мыши / 5 сообщений из 5, страница 1 из 1
03.01.2013, 14:54
    #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, 15:02
    #38099332
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы при наведении мыши
http://htmlbook.ru/css/hover
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.01.2013, 04:15
    #38099829
Маф
Маф
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы при наведении мыши
Azzow,
можешь еще поковырять javascript событие onmouseover, меняя стиль background строки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.01.2013, 13:18
    #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:44
    #38099960
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы при наведении мыши
нифига не понял, при чем тут ajax
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы при наведении мыши / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 443ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448895]:
 0ms
get settings:
 7ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 152ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 39ms
get tp. blocked users:
 1ms
others: 208ms
total:  443ms
x
x
Закрыть


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