I have been trying to make some code work in both NN4.x and IE4.x The
included code does work the way I want under IE4.x; however, I can't get
it to work under NN4.x.
I have narrowed it to a point where I believe the problem is in the DOM
model differences between the two browsers. I have been through the
webreview, webmonkey, and javascript site and still am at a loss as how
to make a workaround work.
What I am trying to do is activate a "tool-tip" by the onMouseOver
event on an image map. The tool-tip is to be displayed in a blank area
on the image map using the layers features. Could some one provide a
little sample of a work around? The enclosed sample works in IE4.
---------------------------------------------
<style type="text/css">
<!-- #phone { position: absolute; top: 142px; left: 450px; width:
140px; height: 80px; visibility: visible }
#home { position: absolute; top: 10px; left: 100px; width: 564px;
height: 461px; visibility: visible } -->
</style>
<script language="JavaScript">
<!-- Hide the JavaScript code from JS-challenged browsers
if(document.images)
{
screen1 = new Image;
screen1.src = "c100.gif";
screen2 = new Image;
screen2.src = "c100er.gif";
screen3 = new Image;
screen3.src = "c110.gif";
screen4 = new Image;
screen4.src = "c130.gif";
screen5 = new Image;
screen5.src = "c140.gif";
screen6 = new Image;
screen6.src = "c150.gif";
screen7 = new Image;
screen7.src = "c180.gif";
screen8 = new Image;
screen8.src = "c200.gif";
screen9 = new Image;
screen9.src = "c300.gif";
screen10 = new Image;
screen10.src = "c400.gif";
screen11 = new Image;
screen11.src = "c500.gif";
screen12 = new Image;
screen12.src = "c600.gif";
screen13 = new Image;
screen13.src = "c700.gif";
}
//------------------------------------------------
function img_act(imgName)
{
if(document.images)
{
descrimgOn = eval(imgName + ".src");
document["bottom_img"].src = descrimgOn;
}
}
//------------------------------------------------
function img_inact(imgName)
{
if(document.images)
{
document[imgName].src = eval(imgName.src);
document["bottom_img"].src = "../../images/spacer.gif";
}
}
// -->
</script>
</head>
<body>
<div id="home">
<map name="org_chart">
<area shape="rect" coords="346,61,465,112"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen1')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="149,61,268,112"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen1')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="6,182,126,233"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen2')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="149,113,268,164"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen1')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="7,237,126,288"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen3')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="8,292,127,343"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen4')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="8,347,127,398"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen5')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="437,237,556,288"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen6')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="8,403,127,454"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen7')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="265,292,384,343"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen8')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="437,292,556,343"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen9')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="265,347,384,398"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen10')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="437,347,556,398"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen11')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="265,403,384,454"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen12')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="437,403,556,454"
href="mailto:[EMAIL PROTECTED]" alt="Click to send e-mail"
onMouseOver="img_act('screen13')" onMouseOut="img_inact('bottom_img')">
</map><img src="org_chart.gif" usemap="#org_chart" alt="SUPSHIP SD
Organization Chart" width="564" height="461">
</div>
<div id="phone">
<img src="spacer.gif" width=140 height=80 border=0 alt="Spacer"
name="bottom_img"></td>
</div>
--
John Stewart
SUPSHIP San Diego
Information Systems Security Mgr
--------------------------------
____________________________________________________________________
--------------------------------------------------------------------
Join The Web Consultants Association : Register on our web site Now
Web Consultants Web Site : http://just4u.com/webconsultants
If you lose the instructions All subscription/unsubscribing can be done
directly from our website for all our lists.
---------------------------------------------------------------------
