Доброго дня (ночи), уважаемые форумчане.
Столкнулся со следующей проблемой и никак не могу ее решить, облазил "весь интернет", искренне надеюсь на вашу помощь.
Итак, имеются четыре кнопки:
<section class="right" id="nav">
<div id="b1" onmouseover="test()">Кнопка 1</div>
<div id="b2" onmouseover="test()">Кнопка 2</div>
<div id="b3" onmouseover="test()">Кнопка 3</div>
<div id="b4" onmouseover="test()">Кнопка 4</div>
</section>
Нужно изменить цвет кнопки при наведении, НО сделать это нужно через отдельную функцию, в моем случае, это "test()". Проблема в том, что "this.", если его вызвать непосредственно в функции, а не просто после "onmouseover" не хочет работать и выдает ошибку в отладчике
У меня появилась такая идея. А что, если я получу место вызова внутри этой функции, то есть какой-то код внутри функции "test()" укажет мне, какая из кнопок вызвала ее, путем возвращения ID. То есть b1 или b2 и так далее. И, зная ID, при помощи простой сортировки путем использования конструкции if () {//код}, я бы добился нужного результата.
Пытался сделать это при помощи
var t = event.target;
alert(t.className); // пока что alert, это для проверки
Но с "t.Id" это не получается.
Может кто-то предложит иной вариант или дополнит мой?