all image based menu problem

Poster: catherine
Dated: Monday May 23 2005 - 11:20:30 BST

I could do with some help on the menu I have used. I have been banging my head against the wall for most of the weekend on this. The menu is set up here http://www.redcrosspoint.com/newtflex/index.html positioned within a table cell and is an all image based menu. The blowout part works fine, but the main navigation on the left refuses to link to the pages it's set to link to (sometimes it shows a link but you have to rollover the right hand side of the image, other times there is no link at all). This menu also doesn't display correctly in Firefox.

The code for the left hand part is here....
<!-- NAVIGATION -->
<script language="JavaScript">
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=0;
orientation="vertical";
position="relative";
style=AllImagesStyle;
top=0;
aI("image=/newtflex/images/nav-home-about.jpg;overimage=/newtflex/images/nav-home-about-over.jpg;status=About Teleflex Marine;url=/newtflex/about/index.html;showmenu=about;");
aI("image=/newtflex/images/nav-home-library.jpg;overimage=/newtflex/images/nav-home-library-over.jpg;url=http://datasheets.teleflexmarine.co.uk/productsandservices/page1.html;");
aI("image=/newtflex/images/nav-home-links.jpg;overimage=/newtflex/images/nav-home-links-over.jpg;status=Links;url=/newtflex/links/index.html;showmenu=links;");
aI("image=/newtflex/images/nav-home-contact.jpg;overimage=/newtflex/images/nav-home-contact-over.jpg;status=Links;url=/newtflex/contact/index.html;showmenu=contact;");
aI("image=/newtflex/images/nav-home-corporate.jpg;overimage=/newtflex/images/nav-home-corporate-over.jpg;status=Teleflex Corporate;target=_new;url=http://www.teleflex.com;");

}drawMenus();</script><!-- /END NAVIGATION -->

*****************************************
and the code within the menu_data.js is here...

_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=4;




with(menuStyle=new mm_style()){
styleid=1;
bordercolor="#296488";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#DCE9F0";
offcolor="#515151";
onbgcolor="#4F8EB6";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=5;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#2D729D";
separatorsize=1;
subimage="menuimages/arrow.gif";
subimagepadding=0;
}

with(AllImagesStyle=new mm_style()){
bordercolor="#000000";
borderstyle="solid";
fontstyle="normal";
fontweight="normal";
padding=0;
}


with(milonic=new menuname("about")){
overflow="scroll";
style=AllImagesStyle;
aI("image=/newtflex/images/sub-about-overview.jpg;overimage=/newtflex/images/sub-about-overview-over.jpg;status=Teleflex Marine Overview;url=/newtflex/about/;");
aI("image=/newtflex/images/sub-about-history.jpg;overimage=/newtflex/images/sub-about-history-over.jpg;status=Our History;url=/newtflex/about/;");
aI("image=/newtflex/images/sub-about-facilities.jpg;overimage=/newtflex/images/sub-about-facilities-over.jpg;status=Our Facilities;url=/newtflex/about/;");


}

with(milonic=new menuname("links")){
overflow="scroll";
style=menuStyle;
aI("text=APBA ;url=holding.html;")
aI("text=NMDA ;url=holding.html;")
aI("text=NMMA ;url=holding.html;")
aI("text=National Safe Boating Council ;url=holding.html;")
aI("text=U.S. Coast Guard ;url=holding.html;")
aI("text=National Weather Service ;url=holding.html;")
aI("text=NOAA;url=holding.html ;")
aI("text=Marine Weather;url=holding.html ;")
aI("text=Marinas.com;url=holding.html ;")

}

with(milonic=new menuname("library")){
overflow="scroll";
style=menuStyle;
aI("text=Teleflex Marine overview;url=holding.html ;")
aI("text=Our History;url=holding.html ;")
aI("text=Our Facilities;url=holding.html ;")
}

with(milonic=new menuname("contacts")){
overflow="scroll";
style=menuStyle;
aI("text=Regional contacts;url=holding.html ;")
aI("text=Care Survey;url=holding.html ;")
}



drawMenus();

Poster: Ruth
Dated: Wednesday May 25 2005 - 4:04:55 BST

Hi Catherine,

It took some experimenting but I think I have figured the problem. Unfortunately, I can't test it in Firefox because it won't load the flash on my desktop. All my other browsers do but not Firefox. There are a few things you need to do.

1) in your flash, in this line change the transparent to opaque


2) The problem with the submenu position in Firefox is in the style sheet.

This is making the submenus go way over to the other side of the page. I realize you weren't seeing them, that's the next item.

3) in the menu_data.js file, in ALL the submenus, since all of them open over the flash, put in position="fixed"; as an example in your about menu


The other problem that seems as if links aren't there, I didn't encounter that, but it may be because of all the images. So, I suggest that you use the preloadmenuimages.js module

Because you have the main menu in the table, and the directions for the module say it has to be after the menus have been build, I guess you would have to call it after the main menu, but I'm not sure on that.

I hope this helps.

Ruth

Poster: catherine
Dated: Thursday June 23 2005 - 22:33:05 BST

Hi Ruth, thanks for your advice, it worked - BUT - I have since uploaded some changes to graphics, etc, and I have managed to reintroduce all the problems in Firefox. I have added an Applet at the top of the page could this be the problem? I have now lost all links on the main buttons in all browsers and Firefox again displays the menus half way across the screen again. Any advice most appreciated this project has to be finished by Monday.

Poster: Ruth
Dated: Friday June 24 2005 - 0:08:15 BST

You need to upgrade the menu. Newest version is 5.727. It think some issue were fixed. And, is that link above to the newest page?

Ruth