Задержка выпадения меню "Форум", "Личное" и т.д.

[kenguru74]

Здравствуйте!
Есть ли возможность добавить задержку выпадения менюшек в вверху под шапкой, или (что ещё лучше) срабатывание кнопок по нажатию?
Очень напрягает, постоянно выскакивает при любой скорости прохода курсора.. Лично с хтмл не знаком, но искал соответствующую команду и пытался добавить в код - впрочем, безрезультатно..


P.S. Было бы очень желательно увидеть данную функцию в новых версиях движка.

[Dr.Death]

http://cherne.net/brian/resources/jquery.hoverIntent.html

[kenguru74]

Dr.Death, спасибо за внимание к моему вопросу, однако, пройдя по ссылке наткнулся для абракадабру для меня..
Что делать с тем материалом - не подскажете заодно?

[Dr.Death]

Ну у себя сделал типа того...

Code: Select all

    $('#main-menu > li').hoverIntent(function() {
       $(this).children('ul').show();
   } ,function() {
      $(this).children('ul').hide();
   });

[kenguru74]

Dr.Death, аха..
То есть в overall_header.html
должно вот так всё выглядеть?

Code: Select all

      <ul id="main-menu">
      $('#main-menu > li').hoverIntent(function() {
         $(this).children('ul').show();
      } ,function() {
         $(this).children('ul').hide();
      });
      <li><a href="{U_INDEX}">{L_FORUMS}</a>


Я, надеюсь, в том хоть файле править-то собрался?

[Dr.Death]

http://api.jquery.com/ready/
http://jquery-docs.ru/events/ready/

Added after 1 minute 28 seconds:
опять же дефолтное меню помоему появляется сдвигом left, у меня переделанное на display:none

[kenguru74]

Dr.Death, ??
Что это? Я вам честно говорю - 20 лет жизни посвятил деревообработке и совсем мало - различным языкам программирования.
Если не трудно - поделитесь с ламёром просто готовым файликом? Буду безмерно благодарен.

[Dr.Death]

Ну как вариант заменить

Code: Select all

#main-menu li:hover ul {left:0; top:24px;}

на

Code: Select all

#main-menu li.hover ul {left:0; top:24px;}

и дописать

Code: Select all

<script>
jQuery(function($) {
      $('#main-menu > li').hoverIntent(function() {
         $(this).toggleClass('hover');
      });
});
</script>

Работоспособность негде проверять, все изменено

ну и сам hoverIntent не забыть подключить

[kenguru74]

Dr.Death, по первым выложенным Вами строкам нашёл тоталом файл mainmenu.css
Даже и не знал о таком файле.
В общем - сделал. Но как

hoverIntent не забыть подключить

- без понятия, увы мне..
Это мне тот исходник сохранить как (сужу по названию в адресной строке браузера) hoverIntent.js, а дальше? Сунуть в папку темы?

[Dr.Death]

http://cherne.net/brian/resources/jquery.hoverIntent.minified.js
http://javascript.ru/tutorial/foundation/start

[kenguru74]

Dr.Death, хм.. Поковырялся в мэйнменю, залил рядом тот ховер и вот что получил:

ЧЯДНТ?

Added after 1 minute 28 seconds:
Вот код из мэйна:

Code: Select all

#main-menu li.hover ul {left:0; top:24px;}

<script src="/styles/prosilver/theme/hoverIntent.js"></script>

<script>
jQuery(function($) {
      $('#main-menu > li').hoverIntent(function() {
         $(this).toggleClass('hover');
      });
});
</script>


[Dr.Death]

у меня нету дефолтного форума чтобы смотреть, ставить тоже лень

Added after 49 seconds:
js в css пихать не надо

[kenguru74]

js в css пихать не надо

Я видел джески в соседней папке шаблонов, но подумал - какая разница откуда будет он работать? Я не прав?
Проблема только в пути? Почему все менюшки вывернулись наизнанку?

Added after 1 hour 9 minutes:
Отчаявшись что-либо получить - удалил все изменения, кроме этого

Ну как вариант заменить
КОД: ВЫДЕЛИТЬ ВСЁ
#main-menu li:hover ul {left:0; top:24px;}
на
КОД: ВЫДЕЛИТЬ ВСЁ
#main-menu li.hover ul {left:0; top:24px;}

И - о, чудо! Менюшки перестали выпадать вообще! Теперь это просто нормальные кнопки! Нужно было только в 24-й строке двоеточие на точку поменять! И жизнь заиграла новыми красками..

Премного благодарен!

Added after 18 minutes 10 seconds:
Вопрос по теме исчерпан, тему можно закрывать. Рад, если это будет как-то реализовано в будущем релизе.

Ещё раз, что мне помогло сделать НЕ выпадающие меню, а просто кнопки "Форум", "Личное" и т.д. под шапкой:
Правка файла mainmenu.css, лежащий в папке /styles/prosilver/theme

В строке 24 заменил двоеточие на точку.. Олл

Code: Select all

#main-menu li:hover ul {left:0; top:24px;}

на

Code: Select all

#main-menu li.hover ul {left:0; top:24px;}