гуру подскажите ! Ранее обращался но ответа некто недал !
тема топика
не работает li.onmouseout = hide (ul) но так и не получил ответа!
? таков
в такой структуре
<ul id="main">
<li><a>item 1</a></li>
<li><a>item 1</a>
<ul id="sub" class="sub">
<li><a>sub itim 1</a></li>
</ul>
</li>
</ul>
при onmouseover должен раскрываться внутренний список, а при onmouseout закрываться. В итоге спсок раскрывается но в закрытии возникаю вопросы на которые я ответить не могу прошу помощи.
как правильно организовать скрытие внутреннего списка при onmouseout.
я пробывал вот так но работает на половину если теяет фокус с списка внутреннего и переходит на строницу то не скрывает
doHide = function (event) {
if (event.target) {
var ob = event.target;
var re = event.relatedTarget;
var t = re.parentNode.parentNode;
var z = re.parentNode;
if (re.tagName == 'A' && t.className == 'menu') {
var o = document.getElementById('submenu').className = 'hide';
// var t = re.parentNode.parentNode;
//console.log("object event "+ob.tagName+" from tag "+ re.tagName+" parent"+re.parentNode.tagName +" 111"+t.className);
console.log(t.className)
} else if (t.tagName != 'UL') {
var o = document.getElementById('submenu').className = 'hide';
console.log ('good');
//if (t.onBlur) {
// console.log('asdadas');}
}
//console.log(ob.tagName +" "+ob.parentNode.tagName+" "+ re.tagName);
// ob.onMouseout = function () {ob.className = 'hide';}
}
};
function doso (event) { // здесь вешаю обработчик события для отрибута - если я все правильно понял
document.addEventListener('mouseover',doVisible,false);
document.addEventListener('mouseout',doHide,true);
};
doso();
кто нить поделитесь знанием, потому что, я так запутался кто за что отвечает и кому то назначать. Некоторые вопросы остаются загадками а толкового ответа ..., я в конце концов не прошу код за меня написать..просто заступорился и все .. нужно человечесое объянение
