This code performs correctly in IE, but in Firefox, only the first of the 3 icons works. The other 2 have no rollover effect and nothing happens when they are clicked.
The FireFox Javascript console lists no errors (at least none that seem related to this issue).
[code=html]<table width=”180″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><img src=”../images/common/icons_desc.gif” alt=”description” name=”desc” width=”127″ height=”17″ id=”desc” /></td>
<td><img src=”../images/common/Printerr_icons.gif” width=”53″ height=”17″ border=”0″ usemap=”#MapMap” /></td>
</tr><map name=”MapMap” id=”MapMap”>
<area shape=”rect” coords=”1,2,12,14″ href=”#” onclick=”window.print();return false;” onmouseover=”MM_swapImage(‘desc’,”,’../images/common/icons_printer.gif’,1)” onmouseout=”MM_swapImgRestore()” />
<script>document.write(emailScript);</script><!– handles the email a friend function –>
<area shape=”rect” coords=”37,0,50,14″ href=”../requestinfo.html” onmouseover=”MM_swapImage(‘desc’,”,’../images/common/icons_requestInfo.gif’,1)” onmouseout=”MM_swapImgRestore()” />
</map>
</table>
In the included JS file is the following:
[CODE]emailScript = “<area shape=”rect” coords=”20,3,33,15″ href=”mailto:?body=Check%20out%20what%20I%20found%20online:%20″+document.location+”&subject=Check%20out%20this%20web%20page” onmouseover=”MM_swapImage(‘desc’,”,’http://www.secureworks.com/images/common/icons_email.gif’,1)” onmouseout=”MM_swapImgRestore()”/>”;
By the way, if anyone can suggest a better way to achieve the same effect, I’d be happy to change the code. I suspecty it’s the cause of the problem.
Thanks in advance for any help.