VPF::менять цвет onmouseover и onmouseout - Форум программистов

gcc

Дата 19.1.2010, 19:20 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

есть тут страница http://www.x0.org.ua/stat/stat_content , я поставил, чтобы через каждый tr был разные цвет белый-серый и т.д.

и поставил чтобы при наводе мышкой цвет менялся на конкертный, а при выводе курсора мышки цвет ставал на другой

НО так как тут каждая вторая строка разная то как вернуть тот цвет который был при наводе мышки?

вот как мышкой

Код


      <tr height="40" style="font-weight:normal; vertical-align: center;" class="hilightoff" onmouseover="className='hilighton2'; 
this.style.cursor='hand';" onmouseout="className='hilightoff';">

вот разукрашивание:

Код


 <script type='text/javascript'>
function myFunc(id_) {
  var tr = document.getElementById(id_).getElementsByTagName('tr');
  for (var i = 0, len = tr.length; i < len; i++) {
   if (i>0) {
       tr[i].className = (i%2) ? 'style1' : 'left_menu_black';
   }
  }
 //  for (var i = 0, len = tr.length; i < len; i++) tr[i].style.backgroundColor = (i % 3) ? '#E5E5E8' : '#66CCCC';
tr = '';
}
</script>

<style type="text/css">
.style1 {background-color: #E5E5E8;}
</style>

если не понтяно, пожалуйста зайдите сюда http://www.x0.org.ua/stat/stat_content и наведите мышкой на таблицу по центру, потом попробуйте убрать и увидите что цвет будет одинаковый на всех tr....

как это исправить?

Это сообщение отредактировал(а) gcc - 19.1.2010, 19:22

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

bars80080

Дата 19.1.2010, 23:44 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Цитата

onmouseover="className='hilighton2'; this.style.cursor='hand';" onmouseout="className='hilightoff';"

а к чему относится в данном случае className?

так не работает:

onmouseover="this.className='hilighton2'; this.style.cursor='hand';" onmouseout="this.className='hilightoff';"

?

Violator

Дата 20.1.2010, 01:42 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

gcc,
onmouseover="t=className;className='hilighton2';" onmouseout="className=t;"

gcc

Дата 20.1.2010, 18:11 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

bars80080,

извините, там верстка еще запутаная, я еще не сделал поностью и css тоже запутано... валидатором не проходил (хотел код написать полностью, а под конец верстку, сейчас не много решил подпраивть)

вот так вот работает:

Код


<tr height="40" style="font-weight:normal; vertical-align: center;" onmouseover="t=className;className='hilighton2';" onmouseout="className=t;" >

через одну tr разукрашивание - ваш пример использую...

Добавлено через 1 минуту и 39 секунд
Violator, работает, спасибо

Это сообщение отредактировал(а) gcc - 20.1.2010, 18:12

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »