Javascript and imagemaping. Can the two go together?

Discussion in 'JavaScript' started by ScottDB, Apr 15, 2010.

0
  1. #1
    Hi all, I am trying to get a ballon tootip with javascript to work on a page that has links using imagemaping. Is it possible to use the two codes toghether?

    Here is the javascript I am using 
    

<body>
<script src="wz_tooltip.js" type="text/javascript"></script>
<script src="tip_balloon.js" type="text/javascript"></script>


<a
 href="http://newbiescentralexch.com" onmouseout="UnTip()"
 onmouseover="Tip('<strong>Newbies Central Exchange</strong><br />Cash Surfing<br>Cash games<br>and more!', BALLOON, true, ABOVE, true, OFFSETX, -17, PADDING, 8)"><img
 style="width: 118px; height: 90px;" alt=""
 src="http://newbiescentral.com/newsite/building.jpg"></a>
    Code (markup):
    Here is the imagemap code 
    
<area shape="rect" coords="475,740,324,687" href="http://newbiescentralexch.com" target="_BLANK">
<area shape="rect" coords="702,740,589,685" href="http://ncjvgiveaway.com" target="_BLANK">
    Code (markup):
     
    ScottDB, Apr 15, 2010 IP
  2. job0107

    job0107 Peon

    Messages:
    23
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I don't see why not. It's just an image regardless of which program is displaying it.
    The coords don't seem right though. You will have to adjust them to fit the image.
    
<a
 href="http://newbiescentralexch.com" onmouseout="UnTip()"
 onmouseover="Tip('<strong>Newbies Central Exchange</strong><br />Cash Surfing<br>Cash games<br>and more!', BALLOON, true, ABOVE, true, OFFSETX, -17, PADDING, 8)"><img
 style="width: 118px; height: 90px;" alt=""
 src="http://newbiescentral.com/newsite/building.jpg" usemap ="#buildingmap"></a>

<map name="buildingmap">
 <area shape="rect" coords="475,740,324,687" href="http://newbiescentralexch.com" target="_BLANK">
 <area shape="rect" coords="702,740,589,685" href="http://ncjvgiveaway.com" target="_BLANK">
</map>
    Code (markup):
     
    job0107, Apr 21, 2010 IP