Javascript-форум - onmouseover + onmouseout

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - onmouseover + onmouseout (https://javascript.ru/forum/events/10566-onmouseover-onmouseout.html)

onmouseover + onmouseout

Всем привет, продвиньте новичка ...
Во 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 очень геморойно(не кроссбраузерно) устроено ... ? Или чаты блоги и форумы врут ? :blink:

<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>

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

Цитата:

Сообщение от m0nya

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

Цитата:

Сообщение от Vulkan

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

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

Цитата:

Сообщение от Kolyaj (Сообщение 63031)

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

document.getElementByClass

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

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

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

<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>

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

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

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