Joomla Templates Club 406,261 posts

[tcspinks Friend tcspinksJoin date: December 2009Posts: 4Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#151071

I am using Zeolite ii with Mega Menu. I found it frustrating when the you had to drag the mouse over the menu to get to a link and the menu opened all fast and blocked what you were trying to get at.

So, I tweaked the Javascript to delay opening of the mega menu and thought I would share:

First, open mega.js in the template/js/menu/ directory.

Find the following code and add the bold lines:


var jaMegaMenuMoo = new Class({
initialize: function(menu, options){
this.options = Object.extend({
slide: true,
duration: 300,
transition: Fx.Transitions.Sine.easeOut,
fading: false,
bgopacity: 0.9,
delayHide: 500,
delayShow: 400,


Also, you need to find and add the following in the same file:


if (this.options.action == 'mouseover' || this.options.action == 'mouseenter') {
li.addEvent('mouseenter', function(e) {
if (li.hasClass ('group')) return;
$clear (li.timer);
if (li.childcontent) li.timer = setTimeout(this.itemShow.bind(this, [li, e]), this.options.delayShow);
else this.itemShow (li);
e.stop();
}.bind (this));


And that should do it! I messed around with timing and found delayShow: 400 to be ideal.

2 users say Thank You to tcspinks for this useful post

1. alfatihstudio
2. tekstlogo

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#369205

In the future, referencing LINE NUMBERS within the mega.js would have been very helpful
instead of “you need to find . . . ”

Much of the code looks nearly identical – save for the corresponding line numbers.

[tekstlogo Friend tekstlogoJoin date: March 2011Posts: 50Downloads:0Uploads:7 Thanks: 5]

#388530

Thanks for the info.

Joomlart should apply that for the JA toolbar in the bottum as well 🙂

[Author]

Posts