Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Links work only in certain browsers

Status
Not open for further replies.
resultsunlimited

resultsunlimited

MIS
Apr 28, 2005
7
US
I'm having trouble making the links from my hotspots to show up in different browsers. They show up fine in IE and Firefox on my mac but the hotspots don't register at all using Safari. The page was created using Dreamweaver on a Mac. Any ideas on how I could fix this? Thanks!

Joel
 
Sort by date Sort by votes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Faculty</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#000000" onLoad="MM_preloadImages('white.gif','billart3.jpgf','lindart.jpg','jonart.jpg','walterart.jpg','dougart.jpg')">
<div id="Layer1" style="position:absolute; left:0; top:0; width:250; height:250; border:0; z-index:1">
<div><img src="faculty.jpg" name="faculty" width="800" height="600" hspace="0" vspace="0" border="0" align="absmiddle" usemap="Map">
<map name="Map">
<area shape="poly" coords="137,98,186,99,228,94,232,103,239,102,239,155,227,165,216,165,214,186,174,183,169,202,142,201,119,203,127,106" href="index.html">

<area shape="poly" coords="295,192,398,192,397,213,298,226" href="bill.html" onMouseOver="MM_swapImage('white','','billart3.jpg',1)" onMouseOut="MM_swapImgRestore()" >


<area shape="poly" coords="301,414,300,384,412,384,413,405" href="walter.html" onMouseOver="MM_swapImage('white','','walterart.jpg',1)" onMouseOut="MM_swapImgRestore()" >

<area shape="poly" coords="302,483,302,456,410,457,406,473" href="doug.html" onMouseOver="MM_swapImage('white','','dougart.jpg',1)" onMouseOut="MM_swapImgRestore()">

<area shape="poly" coords="302,343,299,314,407,317,400,338" href="linda.html" onMouseOver="MM_swapImage('white','','lindart.jpg',1)" onMouseOut="MM_swapImgRestore()">
<area shape="poly" coords="300,280,296,247,379,254,386,272" href="jon.html" onMouseOver="MM_swapImage('white','','jonart.jpg',1)" onMouseOut="MM_swapImgRestore()">
</map>
</div>
</div>
<div id="Layer2" style="position:absolute; left:487px; top:166px; width:209px; height:351px; z-index:2"><img src="white.gif" name="white" width="204" height="339" id="white"></div>
</body>
</html>
 
Upvote 0 Downvote
Change this:

Code: 
usemap="Map"

to this:

Code: 
usemap="#Map"

If there are many more issues, you might be better off going to the HTML forum (forum215) or the JavaScript forum (forum216).

Hope this helps,
Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
[banghead]

 
Upvote 0 Downvote

Check out how to use the [CODE] and [/CODE] tags to wrap code that you post. That way no formatting will lost, and no characters will be dropped.

Jeff
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

rk0000
  • Locked
  • Question
Wordpress: Unable to view icons next to “Hide Controls” in admin customize.php
Replies
0
Views
156
rk0000
rk0000
jhed
  • Locked
  • Question
blank control panel in joomla 2.5
Replies
7
Views
143
spamjim
spamjim
tyutghf
  • Locked
  • Question
How does Wordpress file uploads work?
Replies
6
Views
127
spamjim
spamjim
dkwel
  • Locked
  • Question
Working with Retina on a standard resolution
Replies
8
Views
150
audiopro
audiopro
vegomatic
  • Locked
  • Question
Looking for search appliance for our intranet
Replies
2
Views
94
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top