rollover menu help

[redsand198]

here is a copy URL of my page:

http://antachmotorsports.com/avi/home.html

now, when the page loads, and it loads that rollover menu on the left, the submenu is automatically loaded with the page, before the user will even rollover the first main menu category.

how do i manipulate the script so that the submenu comes up only after the user has rolled over a link in the main menu?

or do i want to leave it the same to help illustrate the fact that it is a menu?

thanks in advance

[Fang]

Take showDivs('submenu_',1); out of the onload in the body tag

[redsand198]

perfect- thank you very much!

another question...

how do i get the menu, so that on mouse out, the submenu disappears instead of staying there?

thank you in advance!

[Fang]

Add this function:

function Hide(obj) {
if(ie) {
if(event.srcElement.id==obj) {
document.getElementById(obj).style.visibility='hidden';
}
}
}


Then change each of the menu div's to:
<DIV class=submenu1 id=submenu_1 onmouseout="Hide('submenu_1')"
>
Your script is a little outdated, it won't work for the latest Netscape and Mozilla browsers. The above solution would not work for them anyway.

[redsand198]

thanks for getting back to me fang, i still can't get it to work though. here is the link for my page, if you wouldn't mind taking a quick peek into what I did wrong with the code

http://antachmotorsports.com/avi/home.html

i apologize for being such an idiot, i'm trying to learn though

also, if you hadn't noticed that script defines very specific pixel spots for where the menu and submenu go on the page. this is great for 1024x768, but when you open up the menu in 800x600 it looks terrible.

could anyone give me some tips about how i get the drop down menu into that cell of the table like it's supposed to?

thank you so much for your help !

[Fang]

A few corrections:
In the submenu selectors remove the WIDTH:330px;
In function showDivs change var divsUsed = 6; You only have 6 menu's!
Remove all showDivs('area_',1),showDivs('image_',1) from the menu div's. You do not use/have these div's.
Change the submenu div's: <DIV class=submenu1 id=submenu_1 style="background-color:#cccccc;" onmouseout="Hide('submenu_1')">

As for the position of the menu in different resolutions:
In the menu selectors change LEFT:10px;
In the submenu selectors change LEFT:90px;

[redsand198]

anyone mind helping me with getting the submenu to disappear on mouseout? i still can't get it

http://antachmotorsports.com/avi/home.html

thank you very much