Question

В данный момент меню выпадает по событию onMouseOver, кто-нибудь переделывал на событие onClick?

Искал, менял событие одно на другое в файле .js, но оно все равно выпадает по наведении курсора мышки. Пересмотрел около 100 сайтов на Битриксе, везде меню выползает при наведении.

PS: события менял тут
bitrix/templates/название_шаблона/components/bitrix/menu/horizontal_multilevel/script.js

Код

var jshover = function() {    var menuDiv = document.getElementById("horizontal-multilevel-menu")    if (!menuDiv)       return;    var sfEls = menuDiv.getElementsByTagName("li");    for (var i=0; i<sfEls.length; i++)    {       sfEls[i].onmouseover=function()       {          this.className+=" jshover";       }       sfEls[i].onmouseout=function()       {          this.className=this.className.replace(new RegExp(" jshover\\b"), "");       }    } }

Answer 1

Этот скрипт для IE древних версий, которые не понимали :hover на [*].
Чтобы меню не выпадало, нужно из стилей убрать строку

Код
#horizontal-multilevel-menu li:hover ul { display:block }

и на яваскрипте (или jquery, что проще) дописать обработчик события на клик, который будет скрывать\показывать вложенный список.

Answer 2

В jquery я не селен, прикрутил и попробовал сделать так, в скрипт запихал:

Код
$('li.horizontal-multilevel-menu ul').hide(); $('li.horizontal-multilevel-menu').hover(function() { $('li.horizontal-multilevel-menu ul').show(); }, function() {       $('li.horizontal-multilevel-menu ul').hide(); });

в стиле сроки
#horizontal-multilevel-menu li:hover ul
и
{ display:block }
за комментировал.

Получилось так:

Код

/* #horizontal-multilevel-menu li:hover ul, */ #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul /*{    z-index:1000;    top:auto;    display:block; }*/

Но меню теперь вообще не выпадает.

Answer 3

С горем пополам в этом JQuery разобрался, состряпал такой код:

Код
jQuery(document).ready(function(){     jQuery("#top-menu li").hover(                       $('li').click(function(){                jQuery(this).find('ul').slideDown();         }),         function(){         jQuery(this).find('ul').slideUp();            }     ); });

Только вот проблема, при клике кроме выплывания меню происходит еще переход по ссылке, если ссылку из топового меню убрать, то список не выпадает.
Запутался я :(

Answer 4

Код
jQuery("#top-menu li a").click(function(){ return false; })

Answer 5

Спасибо за код, только куда и как его пристроить?) Пробовал по разному, либо вообще менюшка не работает, либо выползает, но по ссылкам не перейти.

Answer 6

Фуф, все разобрался:

Код
$(document).ready(function(){    $('div#top-menu>ul>li>a').click(function() {        if ($(this).parent().find('ul').length) {           $(this).parent().find('ul').slideToggle(200);                       return false;       }    }); });

Answer 7

ALED
Можно узнать куда вы всё таки этот код поместили?