Пуля — дура. Пых — молодец.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Пыха переехала на новый сервер, ура!

Краснодарское время: 22 Май, 2012, 06:52:53

Страниц: [1]
Печать
Автор Тема: Выпадающее меню.  (Прочитано 1585 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
Professor    ↓ 
24 Август, 2008, 11:37:09
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2074
Сила слова: 1.45

Здравствуйте.Не знал где тему создать,решил тут.Простите если что.
 
Суть проблеммы.
Есть некие элементы на странице,при клике по ним мышкой всплывает меню.
А при отводе мыши от этого меню оно должно исчезать.
Должно,но увы не исчезает!
Чего я тока не пробовал.ONMOUSEOUT куда только не ставил,
то меню исчезает при попытке навести на нее мышь,то через какое то время пребывания мыши на меню(как будто в диве дыры)
Нашел способ один.Сздал еще див с z-index: -1; width:100%; и height:expression(document.body.scrollHeight);
и этому диву указал ONMOUSEOVER="убераем меню"
Все бы было бы хорошо и отлично,вот только в opere этот див имеет height нулевое значение.
Вопрос:
1. Как сделать так,чтоб при появлении меню можно было бы навести мышь,а при отводе ее меню исчезало.
   меню должно исчезать и при отводе мыши с этого элемента.
2. Как диву задать высоту страницы с wxtnjv скролинга,что бы в опере работало.
Записан

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
Professor    ↓ 
24 Август, 2008, 11:55:07 , спустя 17 минут 58 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2074
Сила слова: 1.45

Пожалуйста, не позвольте мне это релизовать этим убогим кодом!!!
PHP

echo "<div ONMOUSEOVER ='info_clean();' style='position:absolute;top:0px;left:0px;z-index: -1; width:100%; background: #eeeeee;'>";
echo "<div ONMOUSEOVER ='info_clean();' style='height:340px; width:100%; background: #eeeeee;'>";
echo  "</div>";
echo $br;
echo  "</div>";
 
где $br=<br><br><br><br>...  столько раз,сколько элементов.
height:340px; - откуда начинают выводиться элементы
Записан

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
AlexB    ↓ 
25 Август, 2008, 12:45:04 , спустя 49 минут 57 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: в ухо

Карма: 89
Сообщений: 3422
Сила слова: 2.6

1. Скрытие меню должно происходить с задержкой, чтобы была возможность перевести курсор собственно на него. Юзай setTimeout.
2. Сам слой меню тоже должен содержать onmouseout и onmouseover. По последнему откладывается ранее запущенная процедура скрытия.
3. Статус меню показано/скрыто храни в отдельной переменной.
4. Топик перенес в раздел по JS - там его место!
« Последнее редактирование: 25 Август, 2008, 12:49:15 от AlexB » Записан

CTAPbIu_MABP    ↓ 
25 Август, 2008, 01:14:03 , спустя 28 минут 59 секунд
НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5187
Сила слова: 1.81

AlexB, спорим ты три раза не прав?!
 
http://mabp.kiev.ua/ - основная менюшка
Записан

java.lang.OutOfMemoryError
Professor    ↓ 
25 Август, 2008, 01:18:56 , спустя 4 минуты 53 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2074
Сила слова: 1.45

AlexB, ты гений.То что надо,а я извращался=(
Спасибо огромое!!
Записан

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
Professor    ↓ 
25 Август, 2008, 01:21:44 , спустя 2 минуты 48 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2074
Сила слова: 1.45

CTAPbIu_MABP, сделал как AlexB посоветовал,все работает.
Не сомневаюсь что твой метод не хуже.
Если не трудно,обьясни в чем он заключается?
Желательно по пунктно,как  AlexB
=)
Записан

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
CTAPbIu_MABP    ↓ 
25 Август, 2008, 12:35:43 , спустя 11 часов 13 минут 59 секунд
НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5187
Сила слова: 1.81

ну по наведению на пункт меню становиться видно его подменю (display=block)
при переводе мышки в подменю, основное не прячеться потому что ты по сути из него не вышел
все
Записан

java.lang.OutOfMemoryError
Professor    ↓ 
25 Август, 2008, 01:02:33 , спустя 26 минут 50 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2074
Сила слова: 1.45


ну по наведению на пункт меню становиться видно его подменю (display=block)
при переводе мышки в подменю, основное не прячеться потому что ты по сути из него не вышел
все
тоже так думал.Но это если  пункт меню всплывает по onmouseover, а не onClick.
Иначе эффект не предсказуем=)
 
Во всяком случае,у меня так
« Последнее редактирование: 25 Август, 2008, 01:05:51 от Professor » Записан

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
AlexB    ↓ 
25 Август, 2008, 01:02:33 , спустя
НЕ ХУЕТА! ХУЕТА!

Группа: в ухо

Карма: 89
Сообщений: 3422
Сила слова: 2.6

Ну тоже вариант, другой вопрос при любой ли верстке это удобно? Ведь пункты меню должны быть тогда спозиционированны абсолютно, а если дизайн отцентрован или того хуже резиновый?
 
В общем в любом решеннии нюансы найдутся. На всякий случай предлагаю вниманию сообщества свою древнюю  реализацию меню. Проверил, вроде IE+Firefox+Opera пашет. В сафари желающие пусть сами проверяют ... )))
Сделано на объектах, так что легко прикручивается к сайту любое количество с друг другом не конфликтующих менюшек + поддержка каскадных выпадений любой вложенности с отслеживанием границ окна.
 
Мож кому пригодится.
 


* menu_class.zip (3.09 Кб - загружено 100 раз.)
Записан

CTAPbIu_MABP    ↓ 
25 Август, 2008, 01:19:14 , спустя 16 минут 41 секунду
НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5187
Сила слова: 1.81

AlexB, у меня диз резиновый
Записан

java.lang.OutOfMemoryError
AlexB    ↓ 
25 Август, 2008, 01:40:50 , спустя 21 минуту 36 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: в ухо

Карма: 89
Сообщений: 3422
Сила слова: 2.6


AlexB, у меня диз резиновый
Ну пункты меню-то жестко стоят. Так же не всегда бывает.
Записан

Страниц: [1]
Печать
 

Перейти в: