Programmation d'un tooltip
Je commence à sérieusement désespérer...
J'essaye de programmer un petit tooltip, le plus simple qui soit qui au survol d'un div (carré de 8px de côté) affiche donc un div en mode absolu pas loin du curseur.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| function showInformations(e){
if (document.getElementById('overInfos').style)
{
document.getElementById('overInfos').style.left = e.clientX +'px';
document.getElementById('overInfos').style.top = e.clientY +'px';
} else {
document.getElementById('overInfos').left = e.clientX;
document.getElementById('overInfos').top = e.clientY;
}
document.getElementById('overInfos').innerHTML = "essai de ligne <br /><a href='vue2.php'>essai de lien</a><br />";
document.getElementById('overInfos').style.visibility = 'visible';
}
function hideInformations(){
document.getElementById('overInfos').innerHTML = '';
document.getElementById('overInfos').style.visibility = 'hidden';
} |
Le code de mon Javascript, ensuite j'active l'evenement avec un onmouseover, mais si ça marche de manière impeccable sous IE, l'affichage a tendance à clignoter sous Firefox.
Je me tire les cheveux, et ne trouve pas à quoi c'est du, j'ai essayé plusieurs possibilités, mais toujours le même problème.
Je ne sais pas si quelqu'un a été confronté au problème, si oui, je suis preneur d'infos.
