MacOS
Ошибка тут:
if(!document.all)
return

Но это только первая ошибка из которой все остальное вытекает...

Отредактировано Azathoth (12-08-2007 17:00:52)

MacOS

Это от того, что не существует у стиля cursor значения hand. Но есть значение pointer, которое однако не поддерживается в IE, по крайней мере до шестой версии.

Свойство all тоже IE специфично. И отсутствует в стандартах DOM. В общем Вас жестоко обманули в той литературе, которую Вы прочли...
Советую ознакомиться с такими методами элементов DOM как: getElementById, getElementsByTagName, а так же свойствами: parentNode, childNodes, firstChild, lastChild, previousSibling, nextSibling.

Отредактировано Azathoth (12-08-2007 18:55:18)

Ухх... Запарился я.

Может на вскидку что-то скажете. Как быстро заставить его открыватся.

На что заменить document.all?

MacOS

Быстро не получится. Тут нужно все переписывать.

Могу в помочь, но мне нужен полный исходник.

MacOS
Пожалуйста, не называйте JavaScript словом Java. Путаница получается.

У Вас скрипт, сделанный на проприетарных свойствах IE. Причем очень древний. Опера часть из них реализовывает, но полагаться на них не стоит, потому что большая часть их работает исключительно в IE.
Я бы посоветовал сделать две вещи:
1. Отказаться от использования document.all. Это можно сделать, перейдя на document.getElementById() - решение, подходящее для IE с 5 версии, либо даже расширить совместимость, написав функцию:

function gElId(eId)
{return ((document.getElementById)?document.getElementById(eId):((document.all)?document.all[eId]:null));}

и в дальнейшем обращаться уже к ней:

var obj1=gElId(obj1Id);

2. Лучший, на мой взгляд, способ написать ниспадающее или разворачивающееся меню - переключение классов.
Определяете классы:

<style type="text/css">
<!--
.menuShow .submenu { ... }
.menuHide .submenu {display: none;}
-->
</style>

в HTML что-то вроде

<div class="menuLine">
    <div class="menuHide" onmouseover="this.className=this.className.split('Hide').join('Show');" onmouseout="this.className=this.className.split('Show').join('Hide');">
        меню1
        <div class="submenu">
            подменю1
        </div>
    </div>
    <div class="menuHide" onmouseover="this.className=this.className.split('Hide').join('Show');" onmouseout="this.className=this.className.split('Show').join('Hide');">
        меню2
        <div class="submenu">
            подменю2
        </div>
    </div>
    <div class="menuHide" onmouseover="this.className=this.className.split('Hide').join('Show');" onmouseout="this.className=this.className.split('Show').join('Hide');">
        меню3
        <div class="submenu">
            подменю3
        </div>
    </div>
</div>

- или в обработчиках событий оформить отдельной функцией, типа

onmouseover="showThisMenu(this,true);" onmouseout="showThisMenu(this,false);"

И в JavaScript

<script type="text/javascript" language="javascript">
<!--
function showThisMenu(thisMenu,menuSwitch) {
    if(!thisMenu || !thisMenu.className) return false;
    if(menuSwitch)
        return thisMenu.className=thisMenu.className.split('Hide').join('Show');
    else
        return thisMenu.className=thisMenu.className.split('Show').join('Hide');
}
//-->
</script>

P.S. А почему MacOS, а пишете из-под Windows(R)?

Столкнулся тут еще с такой проблемой.

Браузеры по разному понимаю события.

В Opere и Firefox нормально работает сочетание onmouseover \ onmouseout (но в IE меню дребезжит, т.е. когда ведешь мышь очень быстро открывается и закрывается)

В IE onmousemove \ onmouseout (однако в Опере такое же сразу закрывается).

А возможно ли повлиять на задержку этих обработчиков? Не удобно получается. Сделать примеру чтобы onmouseout начинал действовать когда пользователь отведет на достаточное расстояние

Отредактировано MacOS (13-08-2007 15:18:07)

Azathoth

Та уже неважно. Просто написал разные обработчики в зависимости от типа броузера.

$menu="onmousemove"; $agent=getenv("HTTP_USER_AGENT"); if(strlen($agent)>2&&!strstr($agent,'IE')) {$menu="onmouseover";}