cactus1000
Programmer
Recently, I created a simple navigation bar with image mapping and mouseover effects. Everything worked fine in IE and Netscape. The image mapping pointed to HTML files on the same server as the navigation bar (although I used the full URLs for the links).
Then I changed a couple of the links in the image map to point to ASP files on a different server. Again, I used the full URL for the link.
Now, Everything works fine in IE, but the image mapping and mouseover effects no longer work in Netscape.
What happened????
Here'e the code:
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Callan">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE> </TITLE>
</HEAD>
<Script Language="JavaScript">
image0 = new Image(83,159)
image0.src = "navigation.jpg"
image1 = new Image(83,159)
image1.src = "navigation1.jpg"
image2 = new Image(83,159)
image2.src = "navigation2.jpg"
image3 = new Image(83,159)
image3.src = "navigation3.jpg"
image4 = new Image(83,159)
image4.src = "navigation4.jpg"
</script>
</HEAD>
<BODY bgcolor="#006666"><center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><IMG SRC="photo.jpg"></td></tr>
<tr>
<td><IMG NAME="xnavigation0" SRC="xnavigation.jpg" WIDTH="83" HEIGHT="159" BORDER="0" USEMAP="#Xnavigation">
</td></tr>
</table></center>
<MAP NAME="xnavigation">
<AREA SHAPE="rect" COORDS="4,5,75,20" HREF=" TARGET="right"
onMouseOver="if(document.images) document.xnavigation0.src='xnavigation0.jpg';"
onMouseOut="if(document.images) document.xnavigation0.src='xnavigation.jpg';" >
<AREA SHAPE="rect" COORDS="5,26,79,40" HREF=" TARGET="right"
onMouseOver="if(document.images) document.xnavigation0.src='xnavigation1.jpg';"
onMouseOut="if(document.images) document.xnavigation0.src='xnavigation.jpg';" >
<AREA SHAPE="rect" COORDS="4,51,78,63" HREF=" TARGET="right"
onMouseOver="if(document.images) document.xnavigation0.src='xnavigation2.jpg';"
onMouseOut="if(document.images) document.xnavigation0.src='xnavigation.jpg';" >
<AREA SHAPE="rect" COORDS="3,71,81,85" HREF="mailto:aaron@law.ucla.edu" TARGET="_top"
onMouseOver="if(document.images) document.xnavigation0.src='xnavigation3.jpg';"
onMouseOut="if(document.images) document.xnavigation0.src='xnavigation.jpg';" >
</MAP>
</BODY>
</HTML>
Then I changed a couple of the links in the image map to point to ASP files on a different server. Again, I used the full URL for the link.
Now, Everything works fine in IE, but the image mapping and mouseover effects no longer work in Netscape.
What happened????
Here'e the code:
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Callan">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE> </TITLE>
</HEAD>
<Script Language="JavaScript">
image0 = new Image(83,159)
image0.src = "navigation.jpg"
image1 = new Image(83,159)
image1.src = "navigation1.jpg"
image2 = new Image(83,159)
image2.src = "navigation2.jpg"
image3 = new Image(83,159)
image3.src = "navigation3.jpg"
image4 = new Image(83,159)
image4.src = "navigation4.jpg"
</script>
</HEAD>
<BODY bgcolor="#006666"><center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><IMG SRC="photo.jpg"></td></tr>
<tr>
<td><IMG NAME="xnavigation0" SRC="xnavigation.jpg" WIDTH="83" HEIGHT="159" BORDER="0" USEMAP="#Xnavigation">
</td></tr>
</table></center>
<MAP NAME="xnavigation">
<AREA SHAPE="rect" COORDS="4,5,75,20" HREF=" TARGET="right"
onMouseOver="if(document.images) document.xnavigation0.src='xnavigation0.jpg';"
onMouseOut="if(document.images) document.xnavigation0.src='xnavigation.jpg';" >
<AREA SHAPE="rect" COORDS="5,26,79,40" HREF=" TARGET="right"
onMouseOver="if(document.images) document.xnavigation0.src='xnavigation1.jpg';"
onMouseOut="if(document.images) document.xnavigation0.src='xnavigation.jpg';" >
<AREA SHAPE="rect" COORDS="4,51,78,63" HREF=" TARGET="right"
onMouseOver="if(document.images) document.xnavigation0.src='xnavigation2.jpg';"
onMouseOut="if(document.images) document.xnavigation0.src='xnavigation.jpg';" >
<AREA SHAPE="rect" COORDS="3,71,81,85" HREF="mailto:aaron@law.ucla.edu" TARGET="_top"
onMouseOver="if(document.images) document.xnavigation0.src='xnavigation3.jpg';"
onMouseOut="if(document.images) document.xnavigation0.src='xnavigation.jpg';" >
</MAP>
</BODY>
</HTML>