Expanding Menus with sublinks

[DarrenPWS]

Hi all,

I am looking to apply a feature similar to the one along the left of this website:
Dixons.co.uk (http://www.dixons.co.uk/martprd/store/dix_page.jsp?BV_SessionID=@@@@0842082227.107394172 6@@@@&BV_EngineID=cccdadckfiehffjcflgceggdhhmdfhm.0&chain=Dixons&channel=WEB&browserName=ie&browserVersion=6&platform=pc&firstrun=yes&page=Home&timestamp=09:08:46&page=Home&chain=Dixons&channel=WEB&timestamp=09:08:46&browserName=ie&browserVersion=6&platform=pc)

Does anyone know the code for this sort of menu, or can any of you redirect me to a site that has such code???

Thanks a lot

Darren Darkins

http://www.positive-websolutions.co.uk

[christoefar]

I have a javascript drop down menu on my site http://www.edip.co.uk

Please go here to find it http://www.edip.co.uk/viewtopic.php?p=49#49

Hope this is of some use.

[starrwriter]

Hi all,

I am looking to apply a feature similar to the one along the left of this website:
Dixons.co.uk (http://www.dixons.co.uk/martprd/store/dix_page.jsp?BV_SessionID=@@@@0842082227.107394172 6@@@@&BV_EngineID=cccdadckfiehffjcflgceggdhhmdfhm.0&chain=Dixons&channel=WEB&browserName=ie&browserVersion=6&platform=pc&firstrun=yes&page=Home&timestamp=09:08:46&page=Home&chain=Dixons&channel=WEB&timestamp=09:08:46&browserName=ie&browserVersion=6&platform=pc)

Does anyone know the code for this sort of menu, or can any of you redirect me to a site that has such code???


If you mean the link underline added on mouseover, you can find a free wizard that will automatically generate the code you need at http://www.dynamicdrive.com in the Links Section.

[mikmik]

Hi, starrwriter, there is a gap in the URI that you provided, so I got the one you are referring to - I think.
http://www.dynamicdrive.com/dynamicindex5/linkover.htm

[DarrenPWS]

Hi all,

thanks for the replys, however, I may not have made myself clear.

What i would like to know it how to create several text links that when I click on one, sublinks drop down in a similar way to exploring folders in Windows XP etc.

I dont want the page to have to load, which is why i am finding this hard - thanks all, I hopt i have been more specific this time around!

Thanks,
Darren Darkins

[paulhiles]

Hi Darren,

Based on the further info you've given.. these examples may be closer to what you're looking for:

Smart Folding Menu Tree Script
http://www.dynamicdrive.com/dynamicindex1/navigate1.htm
(you might want to lose the graphics on this one!)

Contractible Headers Script
http://www.dynamicdrive.com/dynamicindex1/navigate2.htm

DHTML Slide Tree Menu
http://www.opencube.com/effect_stm.html

The above menus all work in IE5+ and NS6+ and they degrade gracefully in other browsers.

Paul

[DarrenPWS]

Thanks Paul,

This is exactly what i was looking for!! Thankyou!

In future i will try to be more obvious about what i am looking for!

Thanks,
Darren

[paulhiles]

This is exactly what i was looking for!! Thankyou!

In future i will try to be more obvious about what i am looking for!
No problem Darren... although "obvious" usually works for me! ;o)

Came across another menu to add to the collection from dynamicdrive:

Switch Menu
http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm

Let us know when you've got something up and running, so we can come and have a look-see!

Paul

[DarrenPWS]

Ok i will - it is goin to be a couple of days - but the idea is to use this tree menu as a sitemap on the homepage - we'll see how it looks and i will let you know when it is online!!

Thanks again,DD

[paulhiles]

If anyone out there is reading this thread and they have a spare $99 dollars in their pocket, they may be tempted by Project Seven's Tree Menu Magic (http://www.projectseven.com/viewer/tmm.htm). This Dreamweaver plugin will automatically generate a sitemap menu after crawling through your site's file system. Full customisation to the menu's look and feel is available through CSS.

The developers have even taken compatibility into account! The system will detect browsers that do not support JavaScript (or Dynamic CSS) and render the menu in its fully expanded state. That means your navigation system is always accessible.

And in case you're wondering, No... I have no affiliation with the company at all! ;o)

Paul

[paulhiles]

From the imposter.org website

"Exploding Tree is a multi-level menu for websites with lots of links and not much room to put them in.
As this solution is based around HTML lists, you'll find none of the bloated code of most DHTML solutions. The menu requires a JavaScript and CSS enabled browser to work as intended, although it will work perfectly, albeit expanded in all browsers."

Excellent tutorial (http://theimposter.org/examples/exploder2/iexplode.htm), all code is available for download.

Paul

[mikmik]

Nice one, paulhiles!
I have seen many of these types of menue's, but this one is fast, and has littlte code compared to many.
I have one on one of my sites that uses two images for the opened, closed state.
The auto generate is a nifty idea, also. I have a gigantic collection of menu's, a sort of fascination, hobby.
Thanks.

[ranjan]

I have a collapsible menu script on my site. It degrades in old browsers or with javascript turned off

http://dreamlettes.net/extensions/#collist

Use of CSS to style the menu.

[mikmik]

http://ww2.netpenny.net/~bcreswell/My_Ul_Menus/index.html