Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > менять цвет onmouseover и onmouseout

Автор: gcc 19.1.2010, 19:20

есть тут страница 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....

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

Автор: bars80080 19.1.2010, 23:44

Цитата

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

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

Автор: gcc 20.1.2010, 18:11

bars80080,

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

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

Код


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

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

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