Besoin d'aide pour infobulles sur map area

Fermé
leolo2 Messages postés 1 Date d'inscription jeudi 13 août 2009 Statut Membre Dernière intervention 13 août 2009 - 13 août 2009 à 16:33
Bonjour,
Bonjour,
j'essaie de mettre des infobulles sur une map area, et je ne comprends pas pourquoi certaines fonctionnent et d'autres non.

Voici le script : entre <head> et </head>

<script>
document.onmousemove = suivre_souris0;
var contenu
function pop0(contenu)
{
document.getElementById("bulle").innerHTML = "<table border='1'bordercolor='white'style='background-color: #000000;'cellpadding='6' cellspacing='0'><tr><td><font color='#ffffff'face='arial'size='2'><b>"+contenu+"</b></font></td></tr></table>";
}
function suivre_souris0(e)
{
if (navigator.appName=="Microsoft Internet Explorer")
{
var x = event.x + document.body.scrollLeft; var y = event.y + document.body.scrollTop;
}
else
{
var x = e.pageX;var y = e.pageY;
}
document.getElementById("bulle").style.left = x + decal_x; document.getElementById("bulle").style.top = y + decal_y;
}
function disparaitre0()
{
document.getElementById("bulle").innerHTML = '';
}</script>

<script>
decal_x = 15;
decal_y = -5;
</script>

Puis le script entre les balises Body :

<p id="bulle" style="POSITION: absolute;"></p>

<p style="text-align: center;"><img border="0" src="http://storage.canalblog.com/00/16/576445/42631169.jpg" width="482" height="427" usemap="#map" /> </p>

<p style="text-align: center;"><map name="map"><area title="Bibliothèque universitaire" shape="POLY" coords="359,44,419,33,419,41,429,40,445,120,376,131" /><area onmouseover="pop0('Sainté révoltes toi')" onmouseout="disparaitre0()" href="https://www.canalblog.com/cf/login.cfm?returnUrl=https%3A%2F%2Fwww%2Ecanalblog%2Ecom%2Fcf%2Fmy%2F%3F" shape="CIRCLE" coords="157,114,8" /><area onmouseover="pop0('<img src=\'http://storage.canalblog.com/15/72/576445/42701255.jpg\' />')" onmouseout="disparaitre0()" href="http://comitestephanois.canalblog.com/archives/2009/08/08/14688460.html" shape="CIRCLE" coords="248,155,8" /><area title="La fièvre" shape="CIRCLE" coords="224,156,6" /><area onmouseover="pop0('Le salariat c'est le travail en pire & Le Mana revient')" onmouseout="disparaitre0()" href="https://www.canalblog.com/cf/login.cfm?returnUrl=https%3A%2F%2Fwww%2Ecanalblog%2Ecom%2Fcf%2Fmy%2F%3F" shape="CIRCLE" coords="236,167,4" /><area title="Mai 68 n'était rien, nous sommes bien pire que ça" shape="CIRCLE" coords="216,257,8" /><area title="Ni Etat Ni Patron" shape="CIRCLE" coords="241,256,6" /><area title="Abolitions de l'argent" shape="CIRCLE" coords="249,230,6" /><area title="On va leur foutre au cul" shape="CIRCLE" coords="250,243,6" /><a href="http://comitestephanois.canalblog.com/archives/tags/index.html">RETOUR</a></map> </p>

Les deux infobulles en gras fonctionnent très bien, et celle qui est soulignée ne fonctionne pas.

Pouvez vous m'aider, merci d'avance.

Léolo
A voir également: