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 Rhinorhino 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
Joined
Apr 28, 2005
Messages
7
Location
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 Question
Wordpress: Unable to view icons next to “Hide Controls” in admin customize.php
Replies
0
Views
712
rk0000
rk0000
jhed
  • Locked
  • Question Question
blank control panel in joomla 2.5
Replies
7
Views
646
spamjim
spamjim
tyutghf
  • Locked
  • Question Question
How does Wordpress file uploads work?
Replies
6
Views
579
spamjim
spamjim
dkwel
  • Locked
  • Question Question
Working with Retina on a standard resolution
Replies
8
Views
612
audiopro
audiopro
vegomatic
  • Locked
  • Question Question
Looking for search appliance for our intranet
Replies
2
Views
379
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top