меняющаяся кнопочка
вроди бы просто, но неполучается чтото...
короче пытаюсь сделать чтоб при наведении на кнопку менялся её стиль(а именно бэкграунд) вот короче сам код
<script language="JavaScript" type="text/javascript">
img1 = "skins/{theme}/images/but_focus.png";
img2 = "skins/{theme}/images/but_no.png";
function changebut(id) {
eval("document.getElementById('b_'+id).class = "b-style-2");
}
</script>
и код вызова <td class="b-style-1" id="b_1" width="136"><a href="index.php" class="nlink" id="1" onmouseover="changebut(this.id)">Главная</a></td> в чём суть... а в том, что при наведении на линк стиль b-style-1 должен поменяться на стиль b-style-2 (там отличаются только свойства background-image) может можно это сделать через .style но тогджа как описываеться бэкграунд-имэдж? |
magistr_bender,
Вам нужно изменять свойство "className" элемента. Кроме того, из обработчика можно передать сам элемент, а не его id:
<script language="JavaScript" type="text/javascript">
img1 = "skins/{theme}/images/but_focus.png";
img2 = "skins/{theme}/images/but_no.png";
function changebut(obj) {
obj.className = "b-style-2";
}
</script>
<td class="b-style-1" id="b_1" width="136"><a href="index.php" class="nlink" id="1" onmouseover="changebut(this)">Главная</a></td> p.s.: Давать классам и идентификаторам элемента имена, начинающиеся с цифр - неправильно. |
я знаю что неправильно.. просто это для примера...
только дело в том что мне надо передавать не тот объект) при наведении на <a> мне надо передать знаачение в <td> по этому и использую id а вообще за саму идею спасибо) |
| Часовой пояс GMT +3, время: 08:03. |