bgimage in submenus

Poster: Bas
Dated: Friday November 14 2003 - 21:16:05 GMT

I am currently working on a new site http://www.dmeexpansionjoints.com/newsite/

I use images as bgimage in the submenus. Load this page in Netscape 7 and everything works fine.
Load this page in IE 6 and the bgimages on the submenus are reloaded every time you activate a submenu and load very slow.


I just downloaded the latest build.

My menu_data.js is as follows:

_menuCloseDelay=300 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=50 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=0 // Sub menu top offset
_subOffsetLeft=0 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x

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

with(background=new mm_style()){
oncolor="#14328A";
offcolor="#333333";
onitalic=1;
borderstyle="solid";
padding=3;
fontsize="9pt";
fontstyle="normal";
fontweight="bold";
fontfamily="Verdana, Arial, Tahoma, Helvetica";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color='#000000', Direction=135, Strength=7)";
outfilter="Fade(duration=0.2)";
}


with(milonic=new menuname("Main Menu")){
style=AllImagesStyle;
top=85;
left=100;
alwaysvisible=1;
orientation="horizontal";
aI("showmenu=company;status=Company Information;image=pics/company-up.gif;overimage=pics/company-down.gif;");
aI("showmenu=products;status=Products;image=pics/products-up.gif;overimage=pics/products-down.gif;");
aI("showmenu=literature;status=Literature;image=pics/literature-up.gif;overimage=pics/literature-down.gif;");
aI("showmenu=quotes;status=Request a Quote;image=pics/quote-up.gif;overimage=pics/quote-down.gif;");
}

with(milonic=new menuname("company")){
style=background;
top=76;
left=100;
aI("image=pics/company-label.gif;type=header;");
aI("text=    Who Are We;url=#;status=Who Are We;bgimage=pics/company-back.gif;");
aI("text=    Mission Statement;url=#;status=Mission Statement;bgimage=pics/company-back.gif;");
aI("text=    Employement;url=#;status=Employement;bgimage=pics/company-back.gif;");
aI("text=    Distributors/Reps;url=#;status=Distributors/Reps;bgimage=pics/company-back.gif;");
aI("text=    Contact DME;url=#;status=Contact DME;bgimage=pics/company-back.gif;");
aI("image=pics/company-bottom.gif;type=header;");
}

with(milonic=new menuname("products")){
style=background;
top=76;
left=200;
aI("image=pics/products-label.gif;type=header;");
aI("text=    Expansion Joints;url=#;status=Expansion Joints;onfunction=javascript:productOver(1);offfunction=javascript:productOut();bgimage=pics/products-back.gif;");
aI("text=    Multi-ply Bellows;url=#;status=Multi-ply Bellows;onfunction=javascript:productOver(2);offfunction=javascript:productOut();bgimage=pics/products-back.gif;");
aI("text=    Single-ply Bellows;url=#;status=Single-ply Bellows;onfunction=javascript:productOver(3);offfunction=javascript:productOut();bgimage=pics/products-back.gif;");
aI("text=    Exhaust Flex Connectors;url=#;status=Exhaust Flex Connectors;onfunction=javascript:productOver(4);offfunction=javascript:productOut();bgimage=pics/products-back.gif;");
aI("text=    Exhaust System Products;url=#;status=Exhaust System Products;bgimage=pics/products-back.gif;");
aI("text=    Roof and Wall Thimbles;url=#;status=Roof and Wall Thimbles;bgimage=pics/products-back.gif;");
aI("text=    Metal Hose Assemblies;url=#;status=Metal Hose Assemblies;onfunction=javascript:productOver(7);offfunction=javascript:productOut();bgimage=pics/products-back.gif;");
aI("text=    Seismic Flex Assemblies;url=#;status=Seismic Flex Assemblies;bgimage=pics/products-back.gif;");
aI("text=    Refrigeration Connectors;url=#;status=Refrigeration Connectors;bgimage=pics/products-back.gif;");
aI("text=    Braided Pump Connectors;url=#;status=Braided Pump Connectors;bgimage=pics/products-back.gif;");
aI("text=    Bellows Pump Connectors;url=#;status=Bellows Pump Connectors;onfunction=javascript:productOver(11);offfunction=javascript:productOut();bgimage=pics/products-back.gif;");
aI("text=    Pipe Guides;url=#;status=Pipe Guides;bgimage=pics/products-back.gif;");
aI("image=pics/products-bottom.gif;type=header;");
}

with(milonic=new menuname("literature")){
style=background;
top=76;
left=300;
aI("image=pics/literature-label.gif;type=header;");
aI("text=    Online Catalogs;url=#;status=Online Catalogs;bgimage=pics/company-back.gif;");
aI("text=    Print Catalogs;url=#;status=Print Catalogs;bgimage=pics/company-back.gif;");
aI("text=    CD-ROM Catalog;url=#;status=CD-ROM Catalog;bgimage=pics/company-back.gif;");
aI("image=pics/company-bottom.gif;type=header;");
}

with(milonic=new menuname("quotes")){
style=background;
top=76;
left=450;
aI("image=pics/quote-label.gif;type=header;");
aI("text=    Online Form;url=#;status=Online Form;bgimage=pics/quote-back.gif;");
aI("text=    E-mail Request;url=#;status=E-mail Request;bgimage=pics/quote-back.gif;");
aI("text=    Request a Call Back;url=#;status=Request a Call Back;bgimage=pics/quote-back.gif;");
aI("image=pics/quote-bottom.gif;type=header;");
}

drawMenus();

Poster: John
Dated: Friday November 14 2003 - 23:39:00 GMT

Right now all I can tell you is you're not alone - I've seen it, too. Andy knows about it, and I'm sure is working on it.

Stay tuned.

Poster: Andy
Dated: Sunday November 16 2003 - 12:36:23 GMT

Take a look at your Internet Explorer setup and ensure that "Check for newer versions of stored pages:" is set to Automatic.

To get this setting, start from the "Tools Menu", then go "Internet Options"

Then, in "Temporary Internet Files" click "Settings"

There are 4 options:

Every visit to the page
Every time you start Internet Explorer
Automatically
Never

This must be set to "Automatically" otherwise Internet Explorer will fetch a copy of the image from the server when the menu changes it.

Hope this helps
Andy

Poster: John
Dated: Sunday November 16 2003 - 20:27:33 GMT


It's Sunday - I'm allowed to be confused...

Since I'm not using any overimage or anything like that, my images don't change in the menu. Nothing has changed in my _data file, nothing has changed on the IE6 system or to its settings, and this didn't start happening until somewhere in the 20-series. Everything was quick and clean before, with no reloads.

Poster: Andy
Dated: Monday November 17 2003 - 12:44:31 GMT

Which URL is this on John?

Bas, I've looked at http://www.dmeexpansionjoints.com/newsite/ and everything ran fine for me. have you checked your IE settings?

Cheers
Andy

Poster: John
Dated: Monday November 17 2003 - 14:08:02 GMT


The original - http://westcgi.west.asu.edu/sai/.

There's also the Safari problem I wrote you about on the same site.

Poster: Andy
Dated: Monday November 17 2003 - 14:55:03 GMT

I have a confession to make that I think might be part of the problem.

When we went with RC20 (or thereabouts) the bgimage thing that was taken out of the menu object, caused a BIG problem.

The problem was duplicate object names. We had both bgimage for menuitems and bgimage for menus. This was one of those things that just never occurred to me until a couple of days ago.

The new RC dated Monday includes a new property to replace menu.bgimage - It's part of the style and is called menugbimage. What was happening before, was the menu was including bgimage as part of the menuitem. This never showed up as a problem for the XP sample because it appeared to work BUT what was happening was the image was being repeated many times within the menu. This ultimately slowed things down and could be the cause of your problem.

John, can you change bgimage = "/sai/graphics/winxp_back.gif"; in your style to menubgimage = "/sai/graphics/winxp_back.gif";

I know what you are thinking (that we've changed it again ) but we really need to get this right before we go for final release. I apologise for messing you around again but I realy can't help it. It's just the way things have happened up till now.

We'll get there.

Cheers
Andy

Poster: John
Dated: Monday November 17 2003 - 15:31:01 GMT


Uh, oh - true confessions...
<snip>...

Done, and that seems to have fixed things (except I forgot to load RC25 first!).

Apology not necessary. I don't want it going out with problems, either. However, no soak tonight.

Of that, I have no doubts whatsoever.

BTW, will this fix the Safari problem as well?

Thanks.

Poster: Maz
Dated: Monday November 17 2003 - 15:56:46 GMT

Hi Guys,

I have a few problems with this, I replaced bgimage with menubgimage but there was no mention about overbgimage neither in the 'how to build'.

Without changing overbgimage the menu appears to take longer to open, so I should probably try menuoverbgimage?

At this time, the followscroll 'tools menu' opens down the page, the sub/sub menu has no overbgimage and some black symbols appear, I opened "community" & "calendar" the symbol appears half at the bottom of community and half at the top of calendar. Okay I just realized I only changed the top menu and not the tools menu or submenus initially. But I'll leave this here just incase anyone sees the same problem. I'll change it now and update if there are any problems.

The question remains about overbgimage and the how to build file.

Thanks
maz

edit: menuoverbgimage didn't work, appears to still be overbgimage.
To the original poster, I believe you can take out all the now menubgimage's you have in menuitems and place them in the menu style.