useMap issue with firefox

[charIie]

I have encountered a problem with ff not showing/using my imagemap. It works perfectly in IE, but blinks once for FF and then does not come back. What the script below does is a mouseover image switch and the new image is the map. You can see the difference in IE/FF. I have it on the web at

http://www.hopfli.com.

The area is the top right. If anyone know why this happens or how I can correct it, it would be much appriceated. Thanks in advance.


<script type="text/javascript">
<!--
function openmenu(){document.menu.src='images/contestsopen.GIF';
document.menu.useMap="#contestsopen";}
//-->
</script>

<map id="contestsopen" name="contestsopen">
<area shape="rect" coords="24,26,92,41" href="videocontest.htm" title="" target="rside" />
<area shape="default" nohref="nohref" alt="" />
</map>
<span onMouseOver=openmenu()
onMouseOut="document.menu.src='images/contests.GIF'">
<img border="0" src="images/contests.GIF" width="100" name="menu">
</span>

 

[BabyJeffy]

Try replacing your javascript call to read like this:

document.getElementById('menu').useMap="#contestsopen";

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[BillyRayPreachersSon]

Also, maybe you should change the statements on your website about "disabled Java". Surely you mean "JavaScript"?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[charIie]

Yes, I do mean JavaScript, thanks. The problem is 50% better. Now the dropdown appears, but the useMap will still not work.I updated it. Is there a specific reason this is happening? Also, is there a way to auto detect if javascript is enabled? So I can add something that alerts the user that they should enable javascript for full performance?

Thanks alot.

Brian

 

[BabyJeffy]

If javascript is not present - then you can't alert them using a window like an alert. You could have some text on the page in a container with an ID... and then use javascript to remove it... same end result.

I'm glad you've made some progress on this one.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[BillyRayPreachersSon]

That's what the "<noscript>" tag is for.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[charIie]

Yes, Thanks, If you look at the site now, the menu for the contests does not dropdown, but stay the same size. I have the table set so that specific cell/table height is all the right size to fit the larger image. I cant seem to find out why it reduces the larger image to the smaller image size.

Here is the javascript now:
<script type="text/javascript">
<!--
function openmenu(){document.menu.src='images/contestsopen.GIF';
document.getElementById('menu').useMap="#contestsopen";}
//-->
</script>