View Full Version : Questions to "Bullet List Accordion Menu with nested levels"

05-19-2013, 11:22 PM
Greetings everyone,

Since I'm new here I'd like to say a few words of thanks for this site. As you can see I'm new here, and I'm very glad I found this place. But, as you might have guessed I have a problem and would be glad for any help you can offer ...

Very recently (well yesterday in fact) I more or less stumbled onto the Dynamic Drive while searching for a new collapsible menu script for my own homepage. A while ago with an update of Firefox I noticed that the DHTML script I had been using for the past 12 years didn't seem to work anymore with current browsers. Only Google Chrome seems to still be compatible (or my homepage seems only to be compatible with Chrome). This presented several problems:

First I know next to nothing about DHTML nor JavaScript, and couldn't find what's wrong. Since I hadn't changed anything to the script it seems the problem might be with the age of the script itself, which as you can see is pretty ancient.

Secondly the guy who wrote the script seems to have fallen of the earth. Well at least I couldn't find him anymore. His homepage was gone, and google was of no real help either since all references I found to the guy returned me to his now nonexistant homepage or an email address which also doesn't exist anymore.

Thirdly I had no luck for weeks in finding any kind of replacement - most likely because I didn't know exactly what to search for. I found many DHTML and JavaScript menus but most of them were of the kind that fold outward or down, but that's not easy to implent into my three frame homepage without completely changing everything.

So to cut a long story short I finally found what I was looking for here: it was the "Bullet List Accordion Menu with nested levels". Basically it does exactly what mine does, it works with frames and it even looks quite a little neater: http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm

Nevertheless two problems remain:
- I cannot find the style parameter that lets me put the headers a little closer together. At the moment there's a quite big gap between them (a minor cosmetic problem)
- In my old menu I could assign a link to every header. In the new menu as I find it now I can only assign links to submenus and menu items. I tried to implement a link to a header, but it wouldn't work. This poses a larger problem, because in my homepage every menu header as well as every submenu and item opens a separate link.

That's the modification I tried so far:

<div class="arrowlistmenu">

<li><a href="http://www.mx-5.net" target="frmMain" class="menuheader expandable">CSS Library</a></li> /*shows the link on the bottom of the browser window on mouseover but does not open any link*/

<ul class="categoryitems">
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/" target="frmMain">Horizontal CSS Menus</a></li> /*Works perfectly*/
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/" target="frmMain">Vertical CSS Menus</a></li> /*Works perfectly*/

<h3 class="menuheader expandable">CSS Drive</h3>
<ul class="categoryitems">
<li><a href="http://www.cssdrive.com" target="frmMain">CSS Gallery</a></li> /*Works perfectly*/
<li><a href="http://www.cssdrive.com" target="frmMain" class="subexpandable">Menu Gallery</a></li> /*shows the link on the bottom of the browser window on mouseover but does not open any link*/
<ul class="subcategoryitems" style="margin-left: 15px">
<li><a href="http://www.cssdrive.com/index.php/main/category/C34/" target="frmMain">Blue Color</a></li> /*Works perfectly*/
<li><a href="http://www.cssdrive.com/index.php/main/category/C36/" target="frmMain">Green Color</a></li> /*Works perfectly*/
<li><a href="http://www.cssdrive.com/index.php/main/category/C37/" target="frmMain">Orange Color</a></li> /*Works perfectly*/
<li><a href="http://www.cssdrive.com/index.php/main/category/C33/" target="frmMain">Red Color</a></li> /*Works perfectly*/
<li><a href="http://www.cssdrive.com/index.php/main/category/C38/" target="frmMain">Brown Color</a></li> /*Works perfectly*/

If you could help me with this in some way you'd really end an odyssey lasting months for me. Thank you in advance.

In case I didn't explain myself very well and you'd like to check what the old menu looks like go to www.archertours.de. It should still work with Chrome. On other browsers the left frame remains blank.

If you'd like me to post or upload anything I have done so far please tell me what you need. Thank you.