TechWhirl (TECHWR-L) is a resource for technical writing and technical communications professionals of all experience levels and in all industries to share their experiences and acquire information.
For two decades, technical communicators have turned to TechWhirl to ask and answer questions about the always-changing world of technical communications, such as tools, skills, career paths, methodologies, and emerging industries. The TechWhirl Archives and magazine, created for, by and about technical writers, offer a wealth of knowledge to everyone with an interest in any aspect of technical communications.
For an excellent (and free) dropdown menu, visit the DHTML section of the
Webreference site and look for their HierMenu tool. It's completely
customizable and the Webref folks have provided pages and pages of training
and documentation for the tool, which they continue to improve.
You can set the menu to unfold with mouseovers (it closes up again as you
move outside a box) or to require clicks to open and close boxes. I built
a three-level menu with close to 150 separate links. The top level shows
only 8 links, each of which unfold into 5-10 more, each of which....etc.
More details: I wanted to find a pulldown menu that would give users of an
extensive engineering archive access from the top page deep into the
site. I discovered Webref's Hierarchical Menu and with a little bit of
playing around, got it working. One downside I ran into was that when I
incorporated this neat pulldown menu on a page, every time I visited that
page the menu needed 20 seconds or more to rebuild. The solution was to
put the menu in a popup window that builds once and remains
available. Links in the menu all target my main page. Here's the code
fragment to build the menu window:
<!-- start popup menu code -->
<A HREF="top_menu.htm"
onclick="window.open('top_menu.htm','menu_window','width=350,height=400,directories=no,location=no,menubar=yes,scrollbars=no,status=yes,toolbar=yes,resizable=yes,left=0,top=0,screenX=0,screenY=0');self.close();return
false">Build popup menu in a new window</A>
<!-- end of popup menu code -->
And here's the format used for links in the file hierArray.js to target the
main window:
arMenu1_1 = new Array(
"Workflows","javascript:newWindow('Workflow/index.html')",1,
"Design Tools","javascript:newWindow('Tools/index2.html')",1,
....
)
- Mike McGraw, San Diego, CA -
At 10:53 PM 7/11/00 +0530, Ashu Saini wrote:
Hello,
I need to incorporate a drop-down menu that contains hyperlinked menu
options in my web document. This is a mouse over drop-down. Does anyone of
you have the script for such a menu or is it available anywhere on the net.
This should work in both the browsers - NE and IE.
Thanks in anticipation
Regards
Ashu Saini
