Image based menu links not working in IE

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:21

Image based menu links not working in IE

Poster: jptilkes
Dated: Wednesday June 30 2004 - 19:30:38 BST

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

Poster: John
Dated: Wednesday June 30 2004 - 19:57:00 BST

You have an onclass and offclass set up. Where is the css?

Poster: jptilkes
Dated: Wednesday June 30 2004 - 21:36:06 BST

Those were a holdover from another menu. I removed them, the menu is still not working

Poster: Andy
Dated: Wednesday June 30 2004 - 22:02:26 BST

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

Poster: jptilkes
Dated: Wednesday June 30 2004 - 22:22:47 BST

What would your best suggestion for me be until then?

Don't use images?

Poster: kevin3442
Dated: Wednesday June 30 2004 - 22:49:09 BST

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:

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

Poster: jptilkes
Dated: Wednesday June 30 2004 - 23:03:48 BST

Thanks for all the help.

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

Thanks Again!

Poster: John
Dated: Wednesday June 30 2004 - 23:30:57 BST

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/templates/menu5/xp_data.cfm.

Poster: Andy
Dated: Thursday July 1 2004 - 9:11:20 BST

Quote:

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

Poster: Andy
Dated: Thursday July 1 2004 - 9:24:37 BST

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

Poster: jptilkes
Dated: Thursday July 1 2004 - 13:49:34 BST

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.

Poster: kevin3442
Dated: Thursday July 1 2004 - 17:58:05 BST

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

Industrial Strength JavaScript and DHTML Menus

Image based menu links not working in IE