Discussion :

[Sion_Sempai]

Bonjour !

j'ai un pti soucis avec un script d'info bulle... il tourne sous IE et FF, mais mon probleme c'est que sous IE, si je scroll ma page vers le bas, la bulle ne descend pas avec....

pourtant, j'ai bien fait attention d'ajouter le scollTop :/
Pouvez-vous me dire ce qui ne va pas ?
Merci

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
var ie = (navigator.appName == 'Netscape') ? false : true;
 
function moveBubble(e)
{
	x = (ie) ? event.clientX + document.body.scrollLeft : e.pageX;
	y = (ie) ? event.clientY + document.body.scrollTop : e.pageY;
 
	getid('bubbleMsg').style.top = y + 18 + "px";
	getid('bubbleMsg').style.left = x + 10 + "px";
}
 
[---Script show et hide de la bulle---]
 
if (!ie)
{
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = moveBubble;

[E.Bzz]

Bonjour,

Code :

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

1
2
	getid('bubbleMsg').style.top = (y + 18) + "px";
	getid('bubbleMsg').style.left = (x + 10) + "px";

A+

[Sion_Sempai]

J'ai bien rajouté les parentheses, mais ca change rien
La bulle flotte toujours en haut de la page au lieu de suivre la souris

Précision, j'ai pas testé sous IE6 mais ca me fait ca sous IE7 :/

[Sion_Sempai]

J'ai beau cherché, je trouve pas le soucis...

Personne ne peut m'aider sur ce pti probleme ?

[Sion_Sempai]

Ayé j'ai trouvé ^^

il a fallu que je passe par document.documenElement plutot que par document.body.

ca donne ca :

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
function moveBubble(e)
{
	if (ie)
	{
		if (document.documentElement)
		{
			y = event.clientY + document.documentElement.scrollTop;
			x = event.clientX + document.documentElement.scrollLeft;	
		}
		else
		{
			y = event.clientY + document.body.scrollTop;
			x = event.clientX + document.body.scrollLeft;
		}
	}
	else
	{
		y = e.pageY;
		x = e.pageX;
	}
 
	getid('bubbleMsg').style.top = (y+18)+"px";
	getid('bubbleMsg').style.left = (x+10)+"px";
}