21.02.2012 18:26:50 Смена фона с помошью js + сss = конфликт Сообщение #1
Sun
Новичок
Дата регистрации:
16.11.2011 20:24:25
Сообщений: 16
Имеется таблица. В сss для ней прописаны параметры:
table tr:hover {background-color: #ff32ff;}
т.е. при наведении курсора фон меняется.
Далее с помошью js делаю, что фон меняется и при щелчке на элемент таблицы:
<table id='maintb'>
<tr><td><button type="button" onclick='changecolor(1)'>смена фона</button></td></tr>
<tr><td><button type="button" onclick='changecolor(2)'>смена фона</button></td></tr>
........
</table>
в скрипте прописываю
<script type="text/javascript">
function changecolor(f) { document.getElementById('maintb').rows[f-1].style.backgroundColor='#556666'; }
</script>
и тут возникает заминка. После смены цвета больше на работает смена цвета при наведении на строку таблицы. Как избежать этого конфликта?
Конечно можно прописать вместо изменения фона в сss событие оnmousemowe в крайнем случае, но хотелось бы узнать причину конфликта.
table tr:hover {background-color: #ff32ff;}
т.е. при наведении курсора фон меняется.
Далее с помошью js делаю, что фон меняется и при щелчке на элемент таблицы:
<table id='maintb'>
<tr><td><button type="button" onclick='changecolor(1)'>смена фона</button></td></tr>
<tr><td><button type="button" onclick='changecolor(2)'>смена фона</button></td></tr>
........
</table>
в скрипте прописываю
<script type="text/javascript">
function changecolor(f) { document.getElementById('maintb').rows[f-1].style.backgroundColor='#556666'; }
</script>
и тут возникает заминка. После смены цвета больше на работает смена цвета при наведении на строку таблицы. Как избежать этого конфликта?
Конечно можно прописать вместо изменения фона в сss событие оnmousemowe в крайнем случае, но хотелось бы узнать причину конфликта.