Не получаеться сделать кнопку!
 

Вообщем вот пытаюсь прикрутить на сайт возможность что-бы кнопки менялись при нажатии. Собственно не могу найти ошибку в коде, так как он упорно не хочет работать. :-?

Вот участок HTML который отвечает за кнопку (ну я пока пытаюсь сделать для начала одну):

<div class="main_menu">
<table>
<tr>
<td><a href="Rock&Metal - glavnaja.html"><div id="glavnaja" class="glavnaja"></div></a> </td>

Вот данный участок CSS:


.glavnaja {background: url('knopki\glavnaja1.png')
}

.glavnaja-click {background: url('knopki\glavnaja2.png')
}


Ну и вот собственно сам javascript:

var glavnaja = document.getElementByID ('glavnaja')
glavnaja.onmousedown = function() {
addClass(this, 'glavnaja-click')
}

glavnaja.onmouseup = function() {
removeClass(this, 'glavnaja-click')
}

Файл ява скрипта добавлен при помощи
<script type="text/javascript" src="Rock&Metal - glavnaja.js"></script>
и находится в хеде.
:(
Вообщем вот, как мне кажеться разместил все необхадимые участки кода. Помогите, самому мне боюсь не разобраться.

:-?

первое что бросается в глаза это getElementByID
и не хватает закрывающих хтмл-тегов в разметке.

а что с getElementByID не так то?
И по точнее пожалуста про тэги!

Нет такого метода.

Нет??!! Тоесть информация из этого раздела - http://beta.javascript.ru/play/tutor...ver/index.html и этого - http://beta.javascript.ru/tutorial/mouse-events неверна?

Да и во всемирной паутине находил уже инфориацию по getElementById! Как нет такого метода...

Найдите ровно одно отличие.

Если дело в буке Д? то размер же не имеет значения, а что там ещё нетак непойму, перепробывал уже разные варианты. блин... Может надо что то ещё дописать в ява скрипт или хтмл? во всяком случае цсс вроде правильная...

что за функции addCalss, removeClass и откуда они взялись?

А, ну есчё есть это, но разве там суть? там ошибку тоже не вижу...


function addClass(el, cls) {
for(var c = el.className.split(' '),i=c.length-1; i>=0; i--) {
if (c[i] == cls) return
}

el.className += ' '+cls
}

function removeClass(el, cls) {
for(var c = el.className.split(' '),i=c.length-1; i>=0; i--) {
if (c[i] == cls) c.splice(i,1)
}

el.className = c.join(' ')
}