On Fri, 4 Feb 2005 21:54:01 -0500 Dennis Allen wrote:
[color=blue]
> Hi. I was wondering if someone here could help me. My web site has a
> very simple folder tree menu bar. Example:[/color]
[color=blue]
> <a id="club_t" href="##" onclick="return Outline(this)"><img
> id="club_i" alt="" border="0" src="fold.gif">Club Links</a><br>
> <div id="club_s" class="off">
> <a href="articles.htm" target="main">Articles/Cartoons</a><br>
> <a href="photo1.htm" target="main">Astro Images</a><br>
> <a href="links.htm" target="main">Astro Links</a><br>
> <a href="events.htm" target="main">Club Events</a><br>
> <a href="photo2.htm" target="main">Club Images</a><br>
> <a href="custom.htm" target="main">Custom Links</a><br>
> <a href="membership.htm" target="main">Membership</a><br>[/color]
[color=blue]
> In the style sheet, class.off is hidden, class.on is visible. Each id
> indicates the <a>, <img>, or <div>. The user clicks <a>: If the folder
> is closed, it is opened, Outline() changes <img src="open.gif"> and
> <div class="on">. If the user clicks <a> again, everything is
> reversed.[/color]
[color=blue]
> I want to make a modification. For certain folders, when the user
> moves the mouse cursor over the <a>, I want the folder to open. But I
> don't want to folder to close until the mouse cursor is not only off
> the <a>, but also off the <div> (or clicked a link within the <div>).[/color]
[color=blue]
> I've tried to look at other navigation menu bars, but can't figure out
> how they do it. Any advice would be greatly appreciated...Dennis[/color]
Have I got a deal for you.
www.4thorder.us
Take a look at the script Mike Falatine offers.
He makes good use of a simple <ul><li> menu tree to any level you want.
You'll see how it all comes nicely together.
In your case, what you're missing is a simple thing to add in.
<div class="on" style="display:block;">
<div class="off" style="display:none;">
Now what you need to do is to switch them on/off as needed.
www.somestuff.batcave.net
A short script can do that easily.
And there are ways of handling that in CSS as well.
You may want to post a working example somewhere for others to see what
you're doing.
Don't have space on the web?
www.batcave.net get 50mb for free.