PDA

View Full Version : problem - drop down on top of my global nav bar


BuckFu
11-12-2002, 03:40 PM
Thanks in advance for anyone's help...I'll try to explain this best I can.....

I'm creating a new layout for one of our sites, and the lead wants to use a .js file to create the global nav. This .js creates a row of text links, that when rolled-over, displays a dropdown of sub items for each main topic.

Directly below this we have a drop down menu. Now when a user mouses-over the main nav items above this drop down, the submenu is displayed behind the drop down, and of course no one can see the items underneath the drop down.

Now, I'm not a developer by trade, but it's something I gotta figure out. The only direction I was given is as follows:

The combo box is a window object, it is on top of everything, the best you can do is a workaround such as create a sunken DIV that looks like the normal closed combo box. When the user clicks on it, replace it with the real combo box - then they can use it. Since they can't use the combo box and the navigation at the same time, problem solved. after they're finished remove the combo box and replace it with the sunken div.....you'll need some basic javascript to hide/unhide items on the ongofocus or onclick of the div and on the onchange of the combo box..

that's all pretty greek to me, so if anyone can help me out..I'd greatly appreciate it. if there's a previous thread explaning it, just show me to that, I searched but didn't find much.

Again, thanks to anyone who chooses to help.

Best regards.

BuckFu
11-12-2002, 04:32 PM
bump

Roy Sinclair
11-12-2002, 07:44 PM
Here's (http://webreference.com/dhtml/diner/seethru/) an in-depth explanation. Some of the other tutorials on that site will also help you in doing what you want to do.