Image based menu links not working in IE

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
jptilkes
Super Advanced
Super Advanced
Posts: 37
Joined: Thu Jun 13, 2002 3:01 pm

Image based menu links not working in IE

Post by jptilkes »

I am having an issue with 5.3 in IE. I have setup the top level of my menu to be images with rollovers. The effect is fine in Mozilla, Netscape 6+, opera, IE 5.0 and even in Netscape 4.7

However, in IE 6.0 the images are not links, if I mouse over the space immediately following the images I can get a link to work but not on top of the images themselves. The rollover effect works fine though.

I have setup a test page with nothing but the menu to be sure that none of the other JavaScript's are conflicting.

http://next.demandstream.net/test.cfm

Thanks
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

You have an onclass and offclass set up. Where is the css?
John
jptilkes
Super Advanced
Super Advanced
Posts: 37
Joined: Thu Jun 13, 2002 3:01 pm

Post by jptilkes »

Those were a holdover from another menu. I removed them, the menu is still not working
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Post by Andy »

It's a bug in Internet Explorer.

Oh well, time for another workaround :(

It's a real problem bug, it's had me stumped for a while now, I'll crack it eventually though.

Cheers
Andy
jptilkes
Super Advanced
Super Advanced
Posts: 37
Joined: Thu Jun 13, 2002 3:01 pm

Post by jptilkes »

What would your best suggestion for me be until then?

Don't use images?
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:

Post by kevin3442 »

Andy wrote:...It's a real problem bug, it's had me stumped for a while now, I'll crack it eventually though.
Whew... I thought I'd go nuts when I was trying to figure this one out. I had just reached the conclusion that it had to be a bug and came here to report that, but...
jptilkes wrote:What would your best suggestion for me be until then?

When testing your problem, one thing I tried was to copy your main menu code into another menu_data.js file that I knew worked. Lo and behold, your menu started to work right! So... I went on a wild goose chase thinking that there may be a problem in your menu style. Needless to say, that was fruitless. Still, there's the fact that your menu did work in that test page! So what was different? That test page had another alwaysvisible menu on it. When I removed that menu, yours no longer worked. Why? I have no idea. But it does present a possibility for a viable workaround until the bug is fixed.

You could define a sort of "dummy" menu that doesn't really do anything. Set it to alwaysvisible=1, but position it off screen so that the user won't even know it's there. The one I tried was:

Code: Select all

with(milonic=new menuname("nonMenu")){
style=menuStyle;
top=-100;
left=0;
alwaysvisible=1;
aI("text=;");
}
Note that top=-100 should be enough to position it off screen. There's only one item, and it doesn't do anything. Through testing, I found that alwaysvisible must be set to 1 and the dummy menu must be defined before (above) the real main menu in your menu code.

Hope that helps,

Kevin
jptilkes
Super Advanced
Super Advanced
Posts: 37
Joined: Thu Jun 13, 2002 3:01 pm

Post by jptilkes »

Thanks for all the help.

I will try the 'dummy' menu first thing tomarow.

Thanks Again!
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

FWIW, I have a menu set up at http://westcgi.west.asu.edu/sai/ that uses images for the main. It's not exactly the same as yours, but you're certainly welcome to take a look. Only the first item (Home) is actually a link. Data is at http://westcgi.west.asu.edu/sai/templat ... p_data.cfm.
John
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Post by Andy »

You could define a sort of "dummy" menu that doesn't really do anything. Set it to alwaysvisible=1, but position it off screen so that the user won't even know it's there.
Well spotted Kevin, that would explain why the sample on the website works OK.

Hmmm, very interesting. It's still a bug in IE though ;)

Cheers
Andy
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Post by Andy »

Oh well, moving stuff about seems to have fixed the problem.

There is a fix in version 5.31 that has just gone up.

Hope this helps
Andy
jptilkes
Super Advanced
Super Advanced
Posts: 37
Joined: Thu Jun 13, 2002 3:01 pm

Post by jptilkes »

Thank you for the VERY fast response! I can't tell you how much I apreciate it.

Everything appears to be working once again with 5.31.

Thanks again to everyone who helped.
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:

Post by kevin3442 »

Andy wrote:...Well spotted Kevin, that would explain why the sample on the website works OK.
Thanks. That was actually another clue that led to the dummy menu workaround. I noticed that the "Home" item in the sample worked on the site, but not in the downloadable version run locally.

Anyway, now we'll never really know if the "dummy menu" workaround would've worked, because you went and fixed the darned thing! Sheesh! Some nerve. ;)

Kevin
Post Reply