onmouseover + onmouseout

[m0nya]

Всем привет, продвиньте новичка ...
Во 1 хотелось бы узнать где есть хороший справочник JS тот что тут не совсем устраивает :-( хотелось бы чтото типа "api.jquery.com"

А во вторых имеется код JS

<script type="text/javascript">
	function vipadaet() {
	var vipadaet = document.getElementById('vipadaet')
		vipadaet.style.display = 'block'
	}
	function zapadaet() {
	var zapadaet = document.getElementById('vipadaet')
		zapadaet.style.display = 'none'
	}
</script>

имеется тег

<li onmouseover="vipadaet()" onmouseout="zapadaet()"><a href="#" title="">vipadaet</a>

но есть 1 но, не хочу в коде писать onmouseover+onmouseout хочу чтобы просто ID был какойто у ли ...

И кстати давно мучит вопрос, действительно ли обращение к классам в JS очень геморойно(не кроссбраузерно) устроено ... ? Или чаты блоги и форумы врут ?

[Vulkan]

<script type="text/javascript">
      document.getElementById('menu').onmouseover=vipadaet();
      document.getElementById('menu').onmouseout=zapadaet();
	function vipadaet() {
	var vipadaet = document.getElementById('vipadaet')
		vipadaet.style.display = 'block'
	}
	function zapadaet() {
	var zapadaet = document.getElementById('vipadaet')
		zapadaet.style.display = 'none'
	}
</script>

<li id="menu"><a href="#" title="">vipadaet</a>

Про классы - да, блоги не врут. Метод действительно не кроссбраузерен.

[Kolyaj]

действительно ли обращение к классам в JS очень геморойно

Метод действительно не кроссбраузерен.

Вы о чём вообще?

[Vulkan]

Вы о чём вообще?

document.getElementByClass

[Kolyaj]

Это не обращение к классам, а поиск элементов по классу. Большая разница.

[m0nya]

не совсем верно выразился с классами ... =) сори.

А код не рабочий, кто подскажет почему ?

<script type="text/javascript">
	document.getElementById('menu').onmouseover="vipadaet()";
    document.getElementById('menu').onmouseout=zapadaet();
	function vipadaet() {
	var vipadaet = document.getElementById('vipadaet')
		vipadaet.style.display = 'block'
	}
	function zapadaet() {
	var zapadaet = document.getElementById('vipadaet')
		zapadaet.style.display = 'none'
	}
</script>

<h1>Выпадающее меню</h1>
<ul>
	<li><a href="#" title="">test</a></li>
    <li><a id="menu" href="#" title="">vipadaet</a>
    	<ul id="vipadaet" style="display:none;">
        	<li><a href="#" title="">test</a></li>
            <li><a href="#" title="">test</a></li>
            <li><a href="#" title="">test</a></li>
            <li><a href="#" title="">test</a></li>
        </ul>
    </li>
    <li><a href="#" title="">test</a></li>
    <li><a href="#" title="">test</a></li>
    <li><a href="#" title="">test</a></li>
    <li><a href="#" title="">test</a></li>
</ul>

[Skipp]

m0nya,
Потому что так

document.getElementById('menu').onmouseover=vipadaet;
document.getElementById('menu').onmouseout=zapadaet;

и про ; не забывайте