Discussion :

[tidou95220]

Bonjour,

J'aimerai savoir comment utiliser tooltip sur map area shape

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

Mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

met un class sur l'area ?

puis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?

[tidou95220]

mon script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

mon html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

mais pas dans mon area

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

??

[tidou95220]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

non plus