I have a .asp page that is a map of the U.S. When you click on a state it brings up a pop menu. This page works fine on IE but not on Firefox. On Firefox when I click on the state it opens up another tab of the .asp page. How do I get this page to work in Firefox
I have included part of the code below
Here is a link to the page
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include virtual="/includes/common/KT_common.asp" -->
<!--#include virtual="/includes/tfi/TFI.asp" -->
<!--#include virtual="/includes/tso/TSO.asp" -->
<!--#include virtual="/includes/nav/NAV.asp" -->
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<TITLE>Folotyn™ (pralatrexate) State-Specific Reimbursement Information</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<LINK HREF="/dkpweb/dk_style.css" REL="stylesheet" TYPE="text/css">
<STYLE>
.style2 {
font-size: 9
}
.style4 {font-size: xx-small}
.style5 {
font-size: 10px
}
</STYLE>
<STYLE TYPE="text/css">
#contextMenu {position:absolute; background-color:#cfcfcf;
border-style:solid; border-width:1px;
border-color:#EFEFEF #505050 #505050 #EFEFEF;
padding:3px 10px; font-size:10pt; font-family:Arial, Helvetica;
line-height:150%; visibility:hidden}
.menuItem {color:black}
.menuItemOn {color:white}
OL {list-style-position:inside; font-weight:bold; cursor:nw-resize}
LI {font-weight:normal}
</STYLE>
<script type="text/javascript">
function showContextMenu() {
contextMenu.setCapture()
contextMenu.style.pixelTop = event.clientY + document.body.scrollTop
contextMenu.style.pixelLeft = event.clientX + document.body.scrollLeft
contextMenu.style.visibility = "visible"
event.returnValue = false
}
function revert() {
document.releaseCapture()
hideMenu()
}
function hideMenu() {
contextMenu.style.visibility = "hidden"
}
function handleClick() {
var elem = window.event.srcElement
if (elem.id.indexOf("menuItem") == 0) {
objChild = window.open( elem.LISTTYPE + '?state=' + menuState);
}
revert()
event.cancelBubble = true
}
function highlight() {
var elem = event.srcElement
if (elem.className == "menuItem") {
elem.className = "menuItemOn"
}
}
function unhighlight() {
var elem = event.srcElement
if (elem.className == "menuItemOn") {
elem.className = "menuItem"
}
}
</script>
</HEAD>
<BODY LINK="#FF6633" VLINK="#660099" >
<DIV ID="contextMenu" onLoseCapture="hideMenu()" onClick="handleClick()" title="Please select from the following:"
onMouseOver="highlight()" onMouseOut="unhighlight()">
<SPAN ID="menuItem0" CLASS="menuItem" LISTTYPE="allosMedicare.aspx">Please select from the following:</SPAN><BR>
<SPAN ID="menuItem1" CLASS="menuItem" LISTTYPE="allosMedicare.aspx">Medicare</SPAN><BR>
<SPAN ID="menuItem2" CLASS="menuItem" LISTTYPE="allosMedicaid.aspx">Medicaid</SPAN><BR>
<SPAN ID="menuItem3" CLASS="menuItem" LISTTYPE="mcoAllos.asp">Commercial Payers</SPAN><BR>
<SPAN ID="menuItem4" CLASS="menuItem" LISTTYPE="allosContacts.aspx">Contacts</SPAN><BR>
</DIV>
<TABLE cellpadding="5" cellspacing="5" class="KT_tngtable">
<TR>
<TD COLSPAN="2"><img src="images/allosMap.jpg" border="0" usemap="#ABMAC">
<map name="ABMAC" id="usaMap">
<area shape="RECT" coords="557,208,573,224" href="" onClick="menuState='RI';return showContextMenu('RI');" target="_blank" >
<area shape="POLY" coords="320,151,319,179,316,216,366,218,349,195,356,178,375,161,335,149" href="" onClick="menuState='MN';return showContextMenu('MN');" target="_blank" >
<area shape="POLY" coords="409,241,433,241,434,276,408,291" href="" onClick="menuState='IN';return showContextMenu('IN');" target="_blank" >
<area shape="POLY" coords="439,331,462,325,484,356,484,375,450,378" href="" onClick="menuState='GA';return showContextMenu('GA');" target="_blank" >
<area shape="POLY" coords="334,261,366,259,376,268,389,302,388,313,378,310,340,309,335,268" href="" onClick="menuState='MO';return showContextMenu('MO');" target="_blank" >
<area shape="POLY" coords="406,332,411,381,445,375,438,327" href="" onClick="menuState='AL';return showContextMenu('AL');" target="_blank" >
<area shape="POLY" coords="18,428,7,527,128,503,74,431" href="" onClick="menuState='AK';return showContextMenu('AK');" target="_blank" >
<area shape="POLY" coords="138,291,128,343,174,368,186,302" href="" onClick="menuState='AZ';return showContextMenu('AZ');" target="_blank" >
<area shape="POLY" coords="341,314,344,359,375,357,387,317" href="" onClick="menuState='AR';return showContextMenu('AR');" target="_blank" >
<area shape="POLY" coords="200,247,191,295,258,304,263,256" href="" onClick="menuState='CO';return showContextMenu('CO');" target="_blank" >
..
</map></TD>
</TR>
</TABLE>
</BODY>
</HTML>