[UPDATED] Slashdot Menu

[Ictinus]

Moved From Thread: http://www.dynamicdrive.com/forums/s...ad.php?t=14497

Ok so here's a link http://www.ictinus.com/sdNestedMenu/menu1.html

As it is based on DimX's sdmenu and therefore isn't all my original work, I wasn't sure if it should be submitted to DD.

Cheers,
Ictinus

[slisar]

Hi Ictinus,

I have followed a couple threads on the slashdot menu and I think your link: http://www.ictinus.com/sdNestedMenu/menu1.html is a great demo of what can be done with it.

I am not an experienced programmer in java and am not even sure about css programming and i was wondering if there is a way of editing this meny system simply to include on a website.

Looking forward to hearing from you.

Steve Slisar

[Ictinus]

Steve,
I've created a 'simple example' page which is just the menu with Slashdot styling without all the demo bits.
http://www.ictinus.com/sdNestedMenu/simple_example.html

If you include the: link, script, and body 'onload' elements from this example in your page, along with the 'sdmenu' div somewhere on your page, you should be just about there.

The files required along with the example are:

sdnestedmenu.js
sdcollapsed.gif
sdcollapsedOn.gif
sdexpanded.gif
sdexpandedOn.gif

and these if you want the Slashdot style:
sdnestedmenu1.css
sdtitle.gif
sdtitle2.gif

or this if you want the Flatdot style:

sdnestedmenu2.css

The only file you should *need* to modify is the html file for you menu contents, but you may want to modify the .css files to change the colours/images.

I hope that helps.
ps. I think you meant 'Javascript' not 'Java'. Two different things.

[pilotsnipes]

Thanks so much for doing this menu. I really needed the nested facility and it works lovely.

However I have 2 small problems.

1) When a user clicks on one of the menu items that links to another page on my website, How can I get the menu to show what levels had already been open?

What I mean is, that everytime I go to a new page, my menu is completely collapsed. I would like to to remember the explaned state it was in when the user clicked the link.

2) Is there much work to make this a horizontal menu? I've tried but failed badly. Would you be able to point me in the right direction?

Thanks for sharing this.

[Ictinus]

Pilotsnipes,

1. Can you provide a link to your site which uses sdNestedMenu? Then I may be able to identify your problem.

2. I would not try and make this menu into a horizontal menu. It would probably be more worthwhile using one of the existing horizontal menus and perhaps modifying it if required.

Cheers.

[axscorpio]

Very nice script
How can I do a tooltip to buttons Collapse/Expand
- something like this on "Simple Menu" http://www.4thorder.us/Scripts/Scripts/JS.MDME/

AX

[Ictinus]

axscorpio,
you can add a tooltip by including a 'title' attribute to any of the spans tags within the menu.
e.g.

<span class="title" title="A Tooltip message"><span class="tt">Menu 1</span></span>

[axscorpio]

axscorpio,
you can add a tooltip by including a 'title' attribute to any of the spans tags within the menu.
e.g.

<span class="title" title="A Tooltip message"><span class="tt">Menu 1</span></span>

I know this solution.
I mean, I'd like to add a tooltip only to buttons "Collapse all" and "Expand all" in javascript, something like onmouseover = "TEXT".
I think this is a good idea

[Sliight]

Figured it out, but now I have another question in it's place...

[Sliight]

I figured out how to get the menu on the page and make it work, very cool btw, thank you.

There was mention of validation earlier, and I'm not sure if that removes this but...

When I preview in a browser I get the message "IE has restricted this webpage from running scripts or activeX controls" Granted I have my settings set to do this because I don't always trust sites, however when I view the demo of this I don't get the message.

Does anyone know how to eliminate this issue in case someone uses higher security settings than the typical default?

Thank you!