this artical demonstrates how to make a drop down menu for navigation and what not, but unlike other posts this one will automatically lineup the dropdown menu with your horizontal navigation bar even if the margines are changed or the table is centered
I looked for this code all over the place but could not find what i was looking for so i sat down with my javascript reference book and figured it out.
Good Luck
Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. Afterdownloading it, you will need a program like Winzip to decompress it.Virus note:All files are scanned once-a-day by Planet Source Code for viruses, but new viruses come
out every day, so no prevention program can catch 100% of them. For your own safety, please:
Re-scan downloaded files using your personal virus checker before using it.
NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.
If you don't have a virus scanner, you can get one at many places on the net
including:McAfee.com
Terms of Agreement:
By using this code, you agree to the following terms...
You may use
this code in your own programs (and may compile it into a program and distribute it in compiled format for languages that allow it) freely and with no charge.
You MAY NOT redistribute this code (for example to a web site) without written permission from the original author. Failure to do so is a violation of copyright laws.
You may link to this code from another website, but ONLY if it is not wrapped in a frame.
You will abide by any additional copyright restrictions which the author may have placed in the code or code's description.
I like this Eric. Is this IE only? I give you 5 anyway cos it impressed me in IE. Happy scripting, Rd :) (If this comment was disrespectful, please report it.)
I have not tested it with anything other than IE, if you have netscape you can try it
I feel the greatest thing about this javascript is that it can lineup not only horizontal dropdown menues but also if you had a vertical dropdown menu that did not stay in one spot (perhaps it follows as you scroll down)
anyways, I had found scripts that did this but not Nearly as simple and none actually commented their script
thank you for your vote Eric L. (If this comment was disrespectful, please report it.)
thanks again, I like this code and still use it alot, if anyone wants another example, possibly of a vertical menu i can reupload the code but I think my comments explain everything in detail enough to use the javascript function in anyway you see fit.
thanks again, Eric (If this comment was disrespectful, please report it.)
1/27/2005 8:07:05 AM:
It works beautifully and simply as it is with my IE6. But when I try to add more cells (nav bar with 8 or 9 level 1 links), a ghost column appears with the two last cells in it. This is including in the header. And the last two links have no bottom border. Not being au fait with Javascript, I can't work out what to change to make this otherwise great drop down menu work for me. I have tried changing with width of the table itself, and the row containing the navigation, but no difference. Must be in those js variables? Help! And is there any hack to make it work with Netscape? Then it would be pure elegant perfection. (If this comment was disrespectful, please report it.)
atm this code does not work in netscape and older browsers- the reason being is that the onmouseover and onmouseout functions do not work in tables, cells or div tags in these browsers
I will work on a workaround later (If this comment was disrespectful, please report it.)
this navigation menu works great to me but it seems doesnt work in FireFox.. Thank you.. (If this comment was disrespectful, please report it.)
Add Your Feedback
Your feedback will be posted below and an email sent to
the author. Please remember that the author was kind enough to
share this with you, so any criticisms must be stated politely, or they
will be deleted. (For feedback not related to this particular code, please
click here instead.)
Download code
6/24/2004 10:02:28 AM: 
