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

Список разделов phpBBex 1.x (поддерживается) Пожелания 1.x

Описание: В phpBBex 1.x чего-то не хватает? Напишите об этом здесь, и мы постараемся исправиться.
Правила раздела: Одна тема — один запрос новой возможности. Обязательно формируйте внятный заголовок, максимально отражающий суть вашей идеи. Также приведите примеры, где предлагаемая вами возможность будет актуальна.
Модератор: Поддержка

Сообщение #1 kenguru74 » 26.12.2014, 07:47

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

P.S. Было бы очень желательно увидеть данную функцию в новых версиях движка.
kenguru74 M
Автор темы
Аватара
Откуда: Челябинск
Репутация: 0
С нами: 11 лет 3 месяца

Сообщение #2 Dr.Death » 26.12.2014, 21:44

Dr.Death M
Аватара
Репутация: 69
С нами: 9 лет 8 месяцев

Сообщение #3 kenguru74 » 26.12.2014, 21:52

Dr.Death, спасибо за внимание к моему вопросу, однако, пройдя по ссылке наткнулся для абракадабру для меня.. :oops:
Что делать с тем материалом - не подскажете заодно?
kenguru74 M
Автор темы
Аватара
Откуда: Челябинск
Репутация: 0
С нами: 11 лет 3 месяца

Сообщение #4 Dr.Death » 26.12.2014, 21:59

Ну у себя сделал типа того...
Код: Выделить всё
    $('#main-menu > li').hoverIntent(function() {
       $(this).children('ul').show();
   } ,function() {
      $(this).children('ul').hide();
   });
Dr.Death M
Аватара
Репутация: 69
С нами: 9 лет 8 месяцев

Сообщение #5 kenguru74 » 26.12.2014, 22:05

Dr.Death, аха..
То есть в overall_header.html
должно вот так всё выглядеть?
Код: Выделить всё
      <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>
Я, надеюсь, в том хоть файле править-то собрался?
kenguru74 M
Автор темы
Аватара
Откуда: Челябинск
Репутация: 0
С нами: 11 лет 3 месяца

Сообщение #6 Dr.Death » 26.12.2014, 22:07

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

Добавлено спустя 1 минуту 28 секунд:
опять же дефолтное меню помоему появляется сдвигом left, у меня переделанное на display:none
Dr.Death M
Аватара
Репутация: 69
С нами: 9 лет 8 месяцев

Сообщение #7 kenguru74 » 26.12.2014, 22:13

Dr.Death, ??
Что это? Я вам честно говорю - 20 лет жизни посвятил деревообработке и совсем мало - различным языкам программирования.
Если не трудно - поделитесь с ламёром просто готовым файликом? Буду безмерно благодарен.
kenguru74 M
Автор темы
Аватара
Откуда: Челябинск
Репутация: 0
С нами: 11 лет 3 месяца

Сообщение #8 Dr.Death » 26.12.2014, 22:19

Ну как вариант заменить
Код: Выделить всё
#main-menu li:hover ul {left:0; top:24px;}
на
Код: Выделить всё
#main-menu li.hover ul {left:0; top:24px;}

и дописать
Код: Выделить всё
<script>
jQuery(function($) {
      $('#main-menu > li').hoverIntent(function() {
         $(this).toggleClass('hover');
      });
});
</script>
Работоспособность негде проверять, все изменено

ну и сам hoverIntent не забыть подключить
Dr.Death M
Аватара
Репутация: 69
С нами: 9 лет 8 месяцев

Сообщение #9 kenguru74 » 26.12.2014, 22:32

Dr.Death, по первым выложенным Вами строкам нашёл тоталом файл mainmenu.css
Даже и не знал о таком файле. :smoke:
В общем - сделал. Но как
hoverIntent не забыть подключить
- без понятия, увы мне..
Это мне тот исходник сохранить как (сужу по названию в адресной строке браузера) hoverIntent.js, а дальше? Сунуть в папку темы? :help:
kenguru74 M
Автор темы
Аватара
Откуда: Челябинск
Репутация: 0
С нами: 11 лет 3 месяца


Сообщение #11 kenguru74 » 26.12.2014, 22:52

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

ЧЯДНТ?

Добавлено спустя 1 минуту 28 секунд:
Вот код из мэйна:
Код: Выделить всё
#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>
kenguru74 M
Автор темы
Аватара
Откуда: Челябинск
Репутация: 0
С нами: 11 лет 3 месяца

Сообщение #12 Dr.Death » 26.12.2014, 22:57

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

Добавлено спустя 49 секунд:
js в css пихать не надо
Dr.Death M
Аватара
Репутация: 69
С нами: 9 лет 8 месяцев

Сообщение #13 kenguru74 » 26.12.2014, 23:01

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

Добавлено спустя 1 час 9 минут:
Отчаявшись что-либо получить - удалил все изменения, кроме этого
Dr.Death:Ну как вариант заменить
КОД: ВЫДЕЛИТЬ ВСЁ
#main-menu li:hover ul {left:0; top:24px;}
на
КОД: ВЫДЕЛИТЬ ВСЁ
#main-menu li.hover ul {left:0; top:24px;}

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

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

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

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

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

Код: Выделить всё
#main-menu li:hover ul {left:0; top:24px;}
на
Код: Выделить всё
#main-menu li.hover ul {left:0; top:24px;}
kenguru74 M
Автор темы
Аватара
Откуда: Челябинск
Репутация: 0
С нами: 11 лет 3 месяца


Вернуться в Пожелания 1.x