Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> вложенное горизонтальное меню, проблемы с onmouseout 
:(
    Опции темы
verstalishik
Дата 13.9.2007, 07:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 97
Регистрация: 11.9.2007

Репутация: нет
Всего: нет
у меня есть мой код простого горизонтального выплывающего меню - работает, почти - проблема в том. что когда наводишь на вторую строку подменю, то это подменю сворачивается :(
пожалуйста. скажите в чем дело smile
Код

<html>
<head>
<META content="text/html; charset=utf-8" http-equiv="Content-Type">

<script type="text/javascript">
var get_menu_service = function(left, top){
    var table = document.getElementById('table_service_id');
    table.style.position = 'absolute';
    table.style.left=left;
    table.style.top = 25;
    table.style.display = '';
}
</SCRIPT>
</head>
<div>
<table>
    <TR>
        <TD>О компании</TD><TD>О компании</TD><TD>Новости</TD><TD onmouseover="javascript:get_menu_service(this.offsetLeft, this.offsetTop);">Услуги</TD><TD>Контакты</TD>
    </TR>
</table>
<div id="table_service_id" style="display:none" onmouseout="this.style.display='none'">
<table>
    <TR><TD>Пункт первый</TD></TR>
    <TR><TD>Пункт второй</TD></TR>
</table>
</div>
</BODY>


Это сообщение отредактировал(а) verstalishik - 13.9.2007, 07:32
PM MAIL   Вверх
rcdimon
Дата 14.9.2007, 00:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 766
Регистрация: 12.7.2004
Где: Москва

Репутация: нет
Всего: 2
Дело в том что событие onmouseout вызывается не тогда когда курсор покидает область элемента, а тогда, когда курсор оказывается над любым другим элементом.. Даже если он находится в исходном..

Вот например если обойтись без вложеной таблицы- все работает

Код

<div id="table_service_id" style="display:none"   onmouseout="this.style.display='none'" style="border:1px black solid;">
    Пункт1<br>
Пункт2<br>
Пункт3
</div>




А почему на первом элементе подменю работает- потому что под ним находится меню. И как только подменю закрывается оно сразу открывается опять )
PM MAIL ICQ   Вверх
verstalishik
Дата 14.9.2007, 06:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 97
Регистрация: 11.9.2007

Репутация: нет
Всего: нет
rcdimon, спасибо - с таблицами тоже работает smile
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1262 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.