Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсвечивание фона в CSS / 22 сообщений из 22, страница 1 из 1
27.01.2009, 12:17
    #35779580
Semen Popov
Semen Popov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
Здравствуйте!

Можно ли запихнуть в стили реализацию выделения фона записи по наведению курсора мыши:
Код: 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:23
    #35779599
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
Если для tr, то только в IE с помощью behavior.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 12:43
    #35779687
mrJust
mrJust
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
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:47
    #35779708
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
mrJust,

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

Сами делаем несколько классов (типа 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:57
    #35779747
mrJust
mrJust
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
Ой, прошу прощения за тупняк.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 14:06
    #35779993
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
krvsaПсевдоклассы встречал только у гиппер ссылок ... :hover есть и у других элементов, но в IE 6 это не поддерживается. Увы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 14:12
    #35780010
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
Яростный МечkrvsaПсевдоклассы встречал только у гиппер ссылок ... :hover есть и у других элементов, но в IE 6 это не поддерживается. Увы.Зато в IE можно что-нибудь запихнуть в ссылку и играться типа так: a:hover div {}
Однако к tr, td, li и прочим субтегам это не применимо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 14:12
    #35780011
Restavraciya
Restavraciya
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
Не оно ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 14:37
    #35780109
Semen Popov
Semen Popov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
RestavraciyaНе оно ?Почти. Полностью от onMouseOver и onMouseOut в html-коде все равно не отказались. Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 14:49
    #35780145
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
Яростный Мечно в IE 6 это не поддерживается. Увы.
От того-то я про это и не писал...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 15:02
    #35780209
Semen Popov
Semen Popov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
krvsa, спасибо. Думаю, решение krvsa и Restavraciya - самый оптимальный вариант.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 16:29
    #35780527
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
Если ограничиться несколькими браузерами то этот вариант тож работает)
Код: 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
| Ответить | Цитировать | Написать  
28.01.2009, 09:41
    #35781728
Semen Popov
Semen Popov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
РенатЕсли ограничиться несколькими браузерами то этот вариант тож работает)
...Спасибо. Но в IE не работает :-(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2009, 09:57
    #35781777
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсвечивание фона в CSS
Semen Popov,

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

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

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


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