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

Можно ли запихнуть в стили реализацию выделения фона записи по наведению курсора мыши:
Код: plaintext
1.
2.
3.
4.
<table>
 <tr onmouseover="this.style.background='#c0cad9';" onmouseout="this.style.background='#f7f7f7';">
 </tr>
</table>

С уважением, Семен Попов
...
Рейтинг: 0 / 0
27.01.2009, 12:17
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35779599
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Если для tr, то только в IE с помощью behavior.
...
Рейтинг: 0 / 0
27.01.2009, 12:23
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35779687
mrJust
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mrJust
Гость
Semen Popov Можно ли запихнуть в стили реализацию выделения фона записи по наведению курсора мыши:
вы же запихнули?
Лучше обработку событий делегировать обработчикам:
Код: plaintext
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.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	<title></title>
	<script type="text/javaScript">
	function overRow(r)
	{
		if (!r || !r.style) return;
		r.style.backgroundColor= '#c0cad9';
	}
	function outRow(r)
	{
		if (!r || !r.style) return;
		r.style.backgroundColor= '#f7f7f7';
	}
	</script>
</head>

<body>
<table>
 <tr onmouseover="this.style.background='#c0cad9';" onmouseout="this.style.background='#f7f7f7';">
 <td>asdasd</td>
 </tr>
 <tr onmouseover="overRow(this);" onmouseout="outRow(this);">
 <td>asdasd</td>
 </tr> 
</table>

</body>
</html>

AntonariyЕсли для tr, то только в IE с помощью behavior.Странно но привенный топикстартером пост работает в ie6.
...
Рейтинг: 0 / 0
27.01.2009, 12:43
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35779708
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
mrJust,

Вопрос нужно читать так: можно ли запихнуть реализацию в таблицу стилей .
...
Рейтинг: 0 / 0
27.01.2009, 12:47
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35779724
Semen Popov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Semen Popov
Участник
AntonariyЕсли для tr, то только в IE с помощью behavior.Спасибо
mrJustвы же запихнули?
Лучше обработку событий делегировать обработчикам:
...Спасибо. Меня интересовала реализация, которая выносится в CSS.
...
Рейтинг: 0 / 0
27.01.2009, 12:50
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35779743
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Псевдоклассы встречал только у гиппер ссылок ...

Сами делаем несколько классов (типа On, Off) и по обработчику изменяем className...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
27.01.2009, 12:55
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35779747
mrJust
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mrJust
Гость
Ой, прошу прощения за тупняк.
...
Рейтинг: 0 / 0
27.01.2009, 12:57
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35779993
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
krvsaПсевдоклассы встречал только у гиппер ссылок ... :hover есть и у других элементов, но в IE 6 это не поддерживается. Увы.
...
Рейтинг: 0 / 0
27.01.2009, 14:06
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35780010
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Яростный МечkrvsaПсевдоклассы встречал только у гиппер ссылок ... :hover есть и у других элементов, но в IE 6 это не поддерживается. Увы.Зато в IE можно что-нибудь запихнуть в ссылку и играться типа так: a:hover div {}
Однако к tr, td, li и прочим субтегам это не применимо.
...
Рейтинг: 0 / 0
27.01.2009, 14:12
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35780011
Фотография Restavraciya
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Restavraciya
Участник
Не оно ?
...
Рейтинг: 0 / 0
27.01.2009, 14:12
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35780109
Semen Popov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Semen Popov
Участник
RestavraciyaНе оно ?Почти. Полностью от onMouseOver и onMouseOut в html-коде все равно не отказались. Спасибо.
...
Рейтинг: 0 / 0
27.01.2009, 14:37
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35780145
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Яростный Мечно в IE 6 это не поддерживается. Увы.
От того-то я про это и не писал...
...
Рейтинг: 0 / 0
27.01.2009, 14:49
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35780209
Semen Popov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Semen Popov
Участник
krvsa, спасибо. Думаю, решение krvsa и Restavraciya - самый оптимальный вариант.
...
Рейтинг: 0 / 0
27.01.2009, 15:02
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35780527
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Если ограничиться несколькими браузерами то этот вариант тож работает)
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<style>
tr:hover td{
	background-color:red;
}
tr td{
	background-color:lime;
}
</style>
<table style="width:100px;height:100px">
<tr><td>sda</td><td>sda</td></tr>
<tr><td>sda</td><td>sda</td></tr>
</table>
...
Рейтинг: 0 / 0
27.01.2009, 16:29
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35781728
Semen Popov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Semen Popov
Участник
РенатЕсли ограничиться несколькими браузерами то этот вариант тож работает)
...Спасибо. Но в IE не работает :-(
...
Рейтинг: 0 / 0
28.01.2009, 09:41
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35781777
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Semen Popov,

Дык про ИЕ Antonariy написал - бехавиор стили. В других браузерах - проигнорируются, а в ИЕ стаботают. Эта штука даже в ИЕ5 работает.
...
Рейтинг: 0 / 0
28.01.2009, 09:57
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35781791
Фотография Restavraciya
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Restavraciya
Участник
авторвыделения фона записи по наведению курсора мыши
Может чтото не понимаю. Но такое в ие работает
Код: plaintext
1.
2.
3.
4.
.cataloguetable {}
.cataloguetable tr:hover { background-color: #DEE5FD; } 

<table class="cataloguetable"> 
...
...
Рейтинг: 0 / 0
28.01.2009, 10:02
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35783498
Semen Popov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Semen Popov
Участник
RestavraciyaМожет чтото не понимаю. Но такое в ие работаетRestavraciya
...Ни ваш, ни вариант Рената не работают в ИЕ6. В Опере - пожалуйста.
ShSergeSemen Popov,

Дык про ИЕ Antonariy написал - бехавиор стили. В других браузерах - проигнорируются, а в ИЕ стаботают. Эта штука даже в ИЕ5 работает.Как я понял, в таблице стилей нужно будет описать два варианта - с behavior для IE, а hover для остальных браузеров. Подобное делается для закругления рамок у блока .
...
Рейтинг: 0 / 0
28.01.2009, 17:03
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35783618
Фотография Restavraciya
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Restavraciya
Участник
Ну дык я уже и не забыл когда у меня был ие6. Плюньте на это стрье ;-)
...
Рейтинг: 0 / 0
28.01.2009, 17:35
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35783910
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Этим "старьем" пользуется все еще больше людей, чем всеми Файерфоксами, Операми, Конквесторами, Хромами, Сафарями вместе взятыми, так что все еще надо обращать на ЭТО внимание ... к сожалению.
...
Рейтинг: 0 / 0
28.01.2009, 19:10
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35783934
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
IDVsbruckЭтим "старьем" пользуется все еще больше людей, чем всеми Файерфоксами, Операми, Конквесторами, Хромами, Сафарями вместе взятыми, так что все еще надо обращать на ЭТО внимание ... к сожалению.Ну, Файерфокс я бы исключил из этого списка. К тому же многие перешли-таки на IE 7
...
Рейтинг: 0 / 0
28.01.2009, 19:25
| Ответить | Цитировать | Написать  
Подсвечивание фона в CSS
    #35783953
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Кто ж спорит? - Статистика ...
...
Рейтинг: 0 / 0
28.01.2009, 19:40
| Ответить | Цитировать | Написать  
22 сообщений из 22, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсвечивание фона в CSS
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=304&tid=1455259]:
 0ms
get settings:
 10ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 287ms
get topic data:
 12ms
get forum data:
 7ms
get page messages:
 52ms
get tp. blocked users:
 2ms
others: 238ms
total:  631ms
созд. / загр.: 631ms
x
x
Закрыть


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