Thanks Peter!

Are you saying you’re using a different script from the one here? And you want support? For a script I can’t see or know the name of?

Okay… the issue above was because the sf-delay script adds CSS class names to the DOM on all browsers, whereas the original sfhover function only did anything when the browser was IE. The problem is, Firefox (and possibly other browsers) as opposed to IE, will return to the same DOM when you press the back button… so the CSS class names show made the menu visible are still in place. But the JavaScript events that should’ve removed those CSS class names after the delay, have been lost.

So the fix was to force the function that removed the CSS class names to execute when the page unloads. So when the user selects a menu item, the DOM is returned to its original state before the new page is loaded.

Hope that helps some!

Peter.

Thanks.

If you find the line that sets the sfEls line and comment it out, like so:

// var sfEls = document.getElementById("nav").getElementsByTagName("li");

and then add these lines in below it:

var sfEls = [], elems, i;

elems = document.getElementById("nav").getElementsByTagName("li");
for (i=0; i<elems.length; i++) sfEls = sfEls.concat(elems[i]);

elems = document.getElementById("nav2").getElementsByTagName("li");
for (i=0; i<elems.length; i++) sfEls = sfEls.concat(elems[i]);

then that should work! This of course assumes your IDs are “nav” and “nav2″, but those are easily changed. If you have more menus then just copy and past those two lines and change the ID as appropriate.

I’ve tested this only in Firefox…. so you might want to check it on other browsers before rolling it out! But it should work fine.

Hope that helps.

Do you have any idea how to get it working with multiple menus with different ID’s on the same page?

It works perfectly, including for-firefox modification, even though I know no javascript and can only cut and paste it.
My three level menu is now calm and usable.

Max

It should do… but I’m not familiar with Joomla myself or it’s suckerfish implementation. You might need to change the cssClass from “sfhover” to something else, and you’ll need to remove the existing suckerfish JavaScript, but otherwise, this should be a drop in replacement.

You might want to take account of the comments above to fix a problem with menus remaining open when the user presses the back-button on their browser…. at some point, when I get some free time, I *will* re-work this code!!

Peter.