All Levels Navigational Menu (v2.1) selected issue

Printable View

02-26-2009, 11:23 AM
hulud

All Levels Navigational Menu (v2.1) selected issue

1) Script Title:
All Levels Navigational Menu (v2.1)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...menu/index.htm

3) Describe problem:
If you mark a tab with a drop down menu associated as selected using class="selected".

ex.
<li><a href="http://www.dynamicdrive.com/new.htm" rel="ddsubmenu1" class="selected">DHTML</a></li>

opening/selecting this drop down menu makes the selection disappear until page reload.
this issue doesn't happen on a normal tab (without drop down) or opening another tab (not the selected one)
02-26-2009, 08:49 PM
ddadmin

I assume you mean manually adding class="selected" to a menu item physically inside the HTML? If so, simply try a different class name other than "selected", such as "current".
02-26-2009, 09:53 PM
hulud

look at this example:

http://www.visinoni.org/demo.htm

to reproduce this issue:
* open the page: HTML tab is correctly selected (black colour)
* put your mouse over HTML (drop down menu appears)
* put your mouse away from HTML tab (on Home for example)
* now HTML tab isn't selected!
02-27-2009, 01:50 AM
ddadmin

Have you tried the solution I suggested, that is, give the selected element a different CSS class other than "selected"?
02-27-2009, 09:54 AM
hulud

Quote:

Originally Posted by ddadmin

Have you tried the solution I suggested, that is, give the selected element a different CSS class other than "selected"?

no way even changing class name :(
02-28-2009, 09:18 AM
ddadmin

Works for me. For example, using the default demo:

Code:

<style type="text/css"> .mattblackmenu a.highlight{ background: black; /*background of tab with "selected" class assigned to its LI */ } </style> </head> <body> <h3>All Levels Navigtional Menu: Top Menu Bar Example</h3> <div id="ddtopmenubar" class="mattblackmenu"> <ul> <li><a href="http://www.dynamicdrive.com">Home</a></li> <li><a href="http://www.dynamicdrive.com/new.htm" rel="ddsubmenu1" class="highlight">DHTML</a></li> <li><a href="http://www.dynamicdrive.com/style/" rel="ddsubmenu2">CSS</a></li> <li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> <li><a href="http://tools.dynamicdrive.com/" rel="ddsubmenu3">Web Tools</a></li> </ul> </div>
03-02-2009, 08:36 AM
hulud

it works for me too now, maybe last time i was modifying the wrong file =)
thanks