[UPDATED] Slashdot Menu

[Ictinus]

studio505,
I think what you need to do is set the .js variable "collapse_topmenus_only" to true.

var collapse_topmenus_only = false; //if true, collapse top level menus only; requires collapse_lastmenu to be true.

Cheers,

[studio505]

Ictinus - I tried setting the variable "collapse_topmenus_only" to true, but that seems to have the effect of keeping the menus open.

See: http://www.studio505.com/site3

I'll keep trying! Thanks again.

[chameleondg]

Hello,

I am trying the new menu....very cool. I am having a problem with a javascript pop-up box. When I go to view the site in the browser, I keep getting a pop-up box saying:

"JAVASCRIPT
The number of default states is 17, but the number of menus is 5"

before the site loads. I just can't seem to find the script anywhere to remove it.

Does anybody know?

Thanks!

[chameleondg]

It might help if I read your great comments.....

I had to many array values against the menus..

you guys rock!!

[Ictinus]

Hello all,
I was hoping to get more done on this, but I'm away for a little while so I thought I'd ask for feedback while I'm away.
I've updated the sdNestedMenu (SDNMenu) so that it is manipulated similar to the original (current) sdmenu by DimX.

ie. var mymenu1 = new SDNMenu();

With that, some things have changed.
* Multiple menus can be created on the same page, and be configured independently.
* Menus items without submenus now appear with a different bullet (square).
* Menus/Submenus can now be forced open all the time.
* a couple of bug fixes.
* probably a few other things too... and more later perhaps.

Please post here anything that doesn't work and I'll read it in a little over a week.
The demo makes use of Prototype.js, but the menu itself doesn't need it.
(and I think there might be a problem with IE6 and the slide bars I created for the demo... hey! try Firefox ).

You can find the new demo at: http://www.ictinus.com/sdnmenu/index.html

[Thirty Six]

First of all, thanks for the great contribution and support, this is one of the best menu systems out there!

So I'm just wondering how I can modify a few things now that I've done a fair amount of customizing with your menu.

ok, here we go...

Here is a link to the menu system as it is now. On this html page I have also included the CSS and JS below the actual menu in case anyone would like to view how I have it currently.
http://www.aardvarkmulti.com/media/menu_test.html

Attached to this post are also screen shots (menu-ss.gif) of how I would like the end result to appear. (menu-ss2.gif) is how it is currently apppearing.

Overall, my menu needs the following changes:

1. When a parent item is selected, I would like the "Grey Rounded Box" image to swap out with a different image. This image will be the same size, but will be a dark red color, vs. the grey color.

2. When a parent item is selected, and the submenu drops down, there is a white space in between the parent menu image and the dropdown, I would like that white space to be gone. Again, this effect can be seen in the screen shot I have attached.

3. I would like a small "rounded corner" image to appear at the very bottom of each submenu, giving the effect of the rounded corner on the bottom. Once again, this can be seen in the screenshot gif I have attached to this post.

I'm sure this can be achieved with some css commands that I'm obviously not aware of, but any help would be Greatly appreciated!!!

Thanks in advance!

[axscorpio]

Hi, Ictinus.
The script is very nice!
You're right, there is a problem with IE6, because IE6 don't interpreting code css:
div.sdmenu span.titlehidden:hover span {background-image: url(images/sdcollapsedOn.gif); background-repeat: no-repeat; background-position: 8px 50%; } - hover.
Only a:hover

Any help would be Greatly appreciated

Here's the Install multiple versions of IE for testing: http://tredosoft.com/Multiple_IE

A lot of people still use IE6

AX

[Ictinus]

axscorpio,
You are right, still alot of IE6 users around... pity about that. I think it should be shunned by all.

I forgot to upload the files for IE7 ( http://dean.edwards.name/IE7/ as mentioned in the credits ) which should fix the hover stuff for IE6. I've now done that, but can't test it just now (will do later).

[baz999]

I'm loving this menu. I've combined it with Ajax to use the Slashdot Menu to change a content div. Therefore this menu is fixed on the page while the right-hand-side is changed.

What I require is a way to highlight in some way the active link. I've tried changing the a:active in CSS but doesn't work. Any help would be great.

[Ictinus]

I'm loving this menu. I've combined it with Ajax to use the Slashdot Menu to change a content div. Therefore this menu is fixed on the page while the right-hand-side is changed.

What I require is a way to highlight in some way the active link. I've tried changing the a:active in CSS but doesn't work. Any help would be great.

I've added a function call ('setCurrent') that can be called onClick of the A tag.
An example in the new demo can be seen in the Width configuration settings.
Doesn't work in IE only for the first menu at the moment. (edit: ok, that's fixed now).

This really only solves the currrent link for the scenario you describe, it doesn't remember the last current link on a page reload (perhaps later if there is a need).