Comment utiliser tooltip sur <map> <area shape> ?

Bonjour,

J'aimerai savoir comment utiliser tooltip sur map area shape

Tooltip :http://d2o0t5hpnwv4c1.cloudfront.net...emo/index.html

Mon code :

Code:

---

1 2 3 4

<div align="center"><img src="map.gif" width="420" height="450" alt="Planets" usemap="#planetmap" /></div> <map name="planetmap"> <area shape="polygon" coords="98,52,164,71,172,125,105,105" title="base normandie" href="#" /> </map>

---

Merci je suis perdu :s

met un class sur l'area ?

puis

Code:

---

$('.class').tooltip ( ...

---

?

mon script :

Code:

---

1 2 3 4 5

<script type="text/javascript"> $(document).ready(function(){ $('.tTip').betterTooltip({speed: 150, delay: 300}); }); </script>

---

mon html :

Code:

---

1 2 3 4

<div align="center"><img src="map.gif" width="420" height="450" alt="Planets" usemap="#planetmap" /></div> <map name="planetmap"> <area class="tTip" shape="polygon" coords="98,52,164,71,172,125,105,105" title="base normandie" href="#" /> </map>

---

cela ne m'affiche toujours pas mon popup ......
j'arrive que à l'afficher simplement par un div

Code:

---

<div class="tTip" id="cloud1" title="The letter T. ">What's the difference between here and there?</div>

---

mais pas dans mon area :cry:

Code:

---

$('.tTip').each( function(){betterTooltip({speed: 150, delay: 300});}) ;

---

??

Code:

---

<script>$('.tTip').each( function(){betterTooltip({speed: 150, delay: 300});}) ;</script>

---

non plus :(