I keep forgetting what this type of menu is called. So I took a screenshot (see attachment). Basically, I want a left hand nav bar, and when you click on any of the major buttons, the button expands to show its submenu. Then when you click on another major button, the old list closes up and the newly clicked button displays its own submenu.

This is going to be for a site that will have some aesthetic appeal, but will be for the most part utilitarian. Functionality, ease of navigation and fast load time are key.

I want the menu to be all text based as I wish to stay away from load bearing images (I'm following the_pm's constant preaching to keep page load time to a minimum). Not to mention the fact that I want it easily editable without having to worry about creating new images.

So first of all, what the heck is this type of menu called? And secondly, where can I get the code? Is it DHTML?

It doesn't necessarily have to be free code. I don't mind paying for it.

Vito

Vito,

These can be implemented a few differnet ways. You can do it with a mix of css and java, pur java. . .

Take a look at http://www.opencube.com I think one of their products will do this.

Bob

Thanks, Bob. But they all seem to be a form of flyout menu. Did I miss something on their site?

Vito

Hi Vito

Here http://software.xfx.net/utilities/dmbuilder/samples.htm the tree sample menu is on the >simple menu > Tree Like Menus, it can be designed many different ways.

http://www.treemenu.net/treeviewfiles/demoFrameless.html
Is a link to a javascript menu, if you know a little JS you could edit it to suit your needs.

http://www.treemenu.net/

William, the problem with that one is that after expanding one submenu, if I click on another main link, it does not close the first one. I realize I could probably tweak it, but I'm not strong in coding so I would prefer to use something that already performs the way I want.

Desman, it's close. but I'm not sure. How much work would be involved in getting it to look like the image in my attachment? The price of $65 seems OK. I don't mind that. And they claim to be compatible in all browsers. So there are a lot of positives. I just don't want to have to spend hours and hours modifying the code to get it the way I want.

BTW, when I went to the page in your link, why is it that I can only mouse-scroll when I move my cursor to the far left or far right of the page? In the middle, it doesn't work.

:confused:

Vito

Originally posted by vito
BTW, when I went to the page in your link, why is it that I can only mouse-scroll when I move my cursor to the far left or far right of the page? In the middle, it doesn't work.

:confused:

Vito
Try IE, it seem to me that the developer codes for IE for his site... But yes the menus are compatiable with all listed on his site.

BTW the program has pre-sets and a wizard, the work is done, not much needed to change.

Also you can download the sample menus and you can try before you buy.

Hmm. Odd. I am in IE.

Thanks. I will download and see what it's all about. :)

Vito

Hi Vito,

I "think" their tree menu can be re-skinned to do what you want. OpenCube has a free fully functional download to experiment with. See their tree at this link.

http://www.opencube.com/applets/treemenu/sample.htm

Vito,

There is a better link at OpenCube that have other applets that more closely match the picture you sent. All of these are included in their "Free" WebEffects download. I haven't used them, but did license the DHTML menu for my CMS system.

Bob

Thanks very much, Bob. You've been a great help. :)

Vito