Bonjour,

mon code javascript pour afficher l'info-bulle est le suivant
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// Variables globales
var ma_bulle;
var netscape = "t";
 
// Detection du passage de la souris sur l'image
function detect(span) {
	ma_bulle = span;
	// Autres que IE
	if (navigator.appName != "Microsoft Internet Explorer") {
		document.captureEvents(Event.MOUSEMOVE);
	}
	else
		netscape = "f";
	document.onmousemove = move;
}
 
function move(e) {
	// IE
	if (netscape == "f") {
		document.getElementById(ma_bulle).style.left = event.x + document.body.scrollLeft+15;
		document.getElementById(ma_bulle).style.top = event.y + document.body.scrollTop+15;
		window.status = "x : "+event.x+", y : "+event.y;
	}
	// Autres
	else {
		document.getElementById(ma_bulle).style.left = e.pageX +15;
		document.getElementById(ma_bulle).style.top = e.pageY+15;
		window.status = "x:"+e.pageX+", y : "+e.pageY;
	}
}
Le HTML qui va avec :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table border="1" align="center">
		<td>
			<a href="#" class="bulle" onmouseover="detect('sp')">
				mon texte 
				<span id="sp">la bulle qui<br />va avec...</span>
			</a>
		</td>
		<td>
			<a href="#" class="bulle" onmouseover="detect('sp2')">
				blabla
				<span id="sp2">la bulle2 qui<br />va avec...</span>
			</a>
		</td>
	</table>
Mon problème est que ça ne fonctionne pas correctement sous Firefox.
(Sous IE, ça fonctionne bien...)
Il y a un grand décalage entre le pointeur de la souris et mon info-bulle
Page test

Auriez-vous des solutions ?

Merci d'avance.