I am using the following code to be able to add a second stage menu to a navigational menu along the left side of the screen. I placed a null graphic under the main category and use script to populate it with a full graphic of the submenu.
All works fine in IE but when I test it in NS (both versions) and Opera, it does not work. Any ideas?
<MAP NAME="TRACK_MAP">
<AREA ALT="Class Management" COORDS="0,0,108,14" HREF="javascript:alert('This will go to the CLASS MANAGEMENT page when completed.')">
<AREA ALT="Participant Progress" COORDS="0,15,106,29" HREF="javascript:alert('This will go to the PARTICIPANT PROGRESS page when completed.')">
<AREA ALT="Reports" COORDS="0,30,106,43" HREF="javascript:alert('This will go to the REPORTS page when completed.')">
<AREA ALT="How to Use" COORDS="0,44,106,58" HREF="javascript:alert('This will go to the HOW TO USE page when completed.')">
</MAP>
<CFIF Left(CGI.SCRIPT_NAME, 5) NEQ "track">
<IMG SRC="/ActiveLiving/images/null.gif" WIDTH="3" HEIGHT="3" BORDER="0" ALT=""><BR>
<a href="javascript:alert('This opens the submenu.')"
onmouseout="TRACK.src = '/ActiveLiving/images/TRACK_off.jpg';return true;"
onmouseover="TRACK.src = '/ActiveLiving/images/TRACK_on.jpg';return true;"
onmousedown="TRACK.src = '/ActiveLiving/images/TRACK_click.jpg';TRACKDROP.src = '/ActiveLiving/images/TRACK_drop.jpg';MARKETDROP.src = '/ActiveLiving/images/null.gif';return true;">
<img src="/ActiveLiving/images/TRACK_off.jpg" WIDTH="101" HEIGHT="20" NAME="TRACK" alt="Tracking System" border="0"></A><BR>
<IMG SRC="/ActiveLiving/images/null.gif" HEIGHT="0" WIDTH="10" BORDER="0"><IMG SRC="/ActiveLiving/images/null.gif" BORDER="0" NAME="TRACKDROP" USEMAP="#TRACK_MAP"><br>
<CFELSE>
<IMG SRC="/ActiveLiving/images/TRACK_on.jpg" WIDTH="101" HEIGHT="20" BORDER="0" ALT="Tracking System">
</CFIF>
<IMG SRC="/ActiveLiving/images/null.gif" WIDTH="3" HEIGHT="3" BORDER="0" ALT=""><BR>
Mitch Duszynski
Web Developer
Human Kinetics
PO Box 5076, Champaign, IL 61825
Tel: 217-351-5076 x2474 | Fax: 217-351-2674
mitchd@hkusa.com |
All works fine in IE but when I test it in NS (both versions) and Opera, it does not work. Any ideas?
<MAP NAME="TRACK_MAP">
<AREA ALT="Class Management" COORDS="0,0,108,14" HREF="javascript:alert('This will go to the CLASS MANAGEMENT page when completed.')">
<AREA ALT="Participant Progress" COORDS="0,15,106,29" HREF="javascript:alert('This will go to the PARTICIPANT PROGRESS page when completed.')">
<AREA ALT="Reports" COORDS="0,30,106,43" HREF="javascript:alert('This will go to the REPORTS page when completed.')">
<AREA ALT="How to Use" COORDS="0,44,106,58" HREF="javascript:alert('This will go to the HOW TO USE page when completed.')">
</MAP>
<CFIF Left(CGI.SCRIPT_NAME, 5) NEQ "track">
<IMG SRC="/ActiveLiving/images/null.gif" WIDTH="3" HEIGHT="3" BORDER="0" ALT=""><BR>
<a href="javascript:alert('This opens the submenu.')"
onmouseout="TRACK.src = '/ActiveLiving/images/TRACK_off.jpg';return true;"
onmouseover="TRACK.src = '/ActiveLiving/images/TRACK_on.jpg';return true;"
onmousedown="TRACK.src = '/ActiveLiving/images/TRACK_click.jpg';TRACKDROP.src = '/ActiveLiving/images/TRACK_drop.jpg';MARKETDROP.src = '/ActiveLiving/images/null.gif';return true;">
<img src="/ActiveLiving/images/TRACK_off.jpg" WIDTH="101" HEIGHT="20" NAME="TRACK" alt="Tracking System" border="0"></A><BR>
<IMG SRC="/ActiveLiving/images/null.gif" HEIGHT="0" WIDTH="10" BORDER="0"><IMG SRC="/ActiveLiving/images/null.gif" BORDER="0" NAME="TRACKDROP" USEMAP="#TRACK_MAP"><br>
<CFELSE>
<IMG SRC="/ActiveLiving/images/TRACK_on.jpg" WIDTH="101" HEIGHT="20" BORDER="0" ALT="Tracking System">
</CFIF>
<IMG SRC="/ActiveLiving/images/null.gif" WIDTH="3" HEIGHT="3" BORDER="0" ALT=""><BR>
Mitch Duszynski
Web Developer
Human Kinetics
PO Box 5076, Champaign, IL 61825
Tel: 217-351-5076 x2474 | Fax: 217-351-2674
mitchd@hkusa.com |