Infobulle ne s'affichant pas sous IE

Version imprimable

Voila j'essaie de faire apparaître une infobulle lors d'un onmouseover. Elle s'affiche bien sous mozilla mais pas sous IE :aie:.

pour cela j'utilise ceci:

Code:

window.document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.

sous mozilla elle est appelée dès que la souris bouge, sous IE elle n'est appelé que lors du chargement de la page. Ensuite plus rien... Le problème viendrai surement de là à priori.

je poste également mes autres fonctions si ça peut être utile:

Code:

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
31
32
33
34
35
36
var visible=false; // La variable i nous dit si la bulle est visible ou non
 
function move(e) {
	if(visible) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
		if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
			GetId("curseur").style.left=e.pageX + 5+"px";
			GetId("curseur").style.top=e.pageY + 10+"px";
		}
		else { // Modif proposé par TeDeum, merci à  lui
			if(document.documentElement.clientWidth>0) {
   GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
				GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
			} 
			else {
				GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
				GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
			}
		}
	}
}
 
function montre(text) {
	if(visible==false) {
		GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
		GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
		visible=true;
		//alert(GetId("curseur").style.left);
	}
}
 
function cache() {
	if(visible==true) {
		GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
		visible=false;
	}
}

Merci d'avance pour vos conseils.

Bon à priori, le problème ne viendrait pas de là. J'ai en fait une autre infobulle et lorsque je les désactive, ça remarche sous IE. c'est donc cette infobulle qui bloque l'autre:

Code:

<div id="calcontainer" style="display:none;"></div>

cette div sert à insérer un minicalendrier qu'il est possible de déplacer. J'utilise un fichier calendar.js pour l'afficher. Voici la feuille de style qui correspond:
Code:

1 2 3 4 5 .calcontainer{ z-index: 200; position: absolute; }
et voici la feuille de style de l'infobulle que j'essaie d'afficher:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 .infobulle{ z-index: 300; position: absolute; visibility : hidden; border: 1px solid Black; padding: 10px; font-family: Verdana, Arial; font-size: 10px; background-color: #FFFFCC; opacity : 0.8 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; }
n'y aurait-il pas un confit au niveau des z-index ou quelque chose comme ça?

11/02/2010, 16h27
E.Bzz

(Re)bonjour,

Citation:

Envoyé par Phpdebut

n'y aurait-il pas un confit au niveau des z-index ou quelque chose comme ça?

Si c'était dû au z-index, tu n'aurais le problème que si le calendrier et la bulle était positionnée au même endroit de la page ...
De plus, vues les valeurs, c'est la bulle qui serait au-dessus du calendrier ;)

Si le problème n'est que sous IE, vérifie que tu n'as pas un name correspondant à l'id d'un autre objet, ou une variable (locale ou globale) dont le nom correspond à un name ou id de la page ...
(sans garantie que ça vienne de là)

A+
11/02/2010, 16h39
Phpdebut

Non mais c'est pas grave j'ai fini par utiliser une bibliothèque toute faîte et pas mal du tout que j'ai téléchargé ici

Et ça marche impecable!

Je pense que ça devait venir d'un conflit d'Id comme vous dîtes. On ne le saura jamais :ccool: