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


<!--#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" -->
<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">
.style2 {
    font-size: 9
.style4 {font-size: xx-small}
.style5 {
    font-size: 10px
<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}

<script type="text/javascript">
function showContextMenu() {
    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() {
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); 

    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"

<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>

<TABLE cellpadding="5" cellspacing="5" class="KT_tngtable">

    <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" >


Edited by mldardy: n/a

8 Years
Discussion Span
Last Post by codejoust

Check the javascript for getting the source, it seems to use IE-only extensions. Also, check for popup blockers, and look in the firefox error console for errors (Tools>>Error Console).

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.