Discussion :

[mathieugamin]

J'ai récupéré et modifié un script super utile qui permet de faire apparaître une infobulle (div) quand on passe sur un élément.
J'ai modifié le script pour qu'il puisse s'appliquer à 2 div différents.

Mais lorsque je suis passé sur le div 2(sales), le div 1(topdeck) ne veut plus s'afficher. L'inverse n'est PAS vrai...

Je n'arrive pas à situer l'erreur dans mon script... Quelqu'un pourrait m'aider SVP?

Code javascript :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
function GetId(id){
	return document.getElementById(id);
}
 
var i = false;
var j = false;
 
function move(e){
	//	Documents description & help
  if(i){
    if (navigator.appName!="Microsoft Internet Explorer") {
    GetId("topdeck").style.left=e.pageX + 5+"px";
    GetId("topdeck").style.top=e.pageY + 10+"px";
    }
    else {
    if(document.documentElement.clientWidth>0){
	GetId("topdeck").style.left=20+event.x+document.documentElement.scrollLeft+"px";
	GetId("topdeck").style.top=10+event.y+document.documentElement.scrollTop+"px";
    } else {
	GetId("topdeck").style.left=20+event.x+document.body.scrollLeft+"px";
	GetId("topdeck").style.top=10+event.y+document.body.scrollTop+"px";
	     }
    }
  }
  //	Sales history
  if(j == true){
    if (navigator.appName!="Microsoft Internet Explorer"){
		GetId("sales").style.left=e.pageX + 5+"px";
    GetId("sales").style.top=e.pageY - 200+"px";
    }
    else {
    if(document.documentElement.clientWidth>0){
	GetId("sales").style.left=20+event.x+document.documentElement.scrollLeft+"px";
	GetId("sales").style.top=-200+event.y+document.documentElement.scrollTop+"px";
    } else {
	GetId("sales").style.left=20+event.x+document.body.scrollLeft+"px";
	GetId("sales").style.top=-200+event.y+document.body.scrollTop+"px";
	     }
    }
  }
}
 
function pop(text){
  if(i==false) {
  GetId("topdeck").style.visibility="visible"; 
  GetId("topdeck").innerHTML = text; 
  i=true;
  }
}
function kill() {
	if(i==true) {
	GetId("topdeck").style.visibility="hidden";
	i=false;
	}
}
 
function sales_show(text) {
  if(j==false) {
  GetId("sales").style.visibility="visible"; 
  GetId("sales").innerHTML = text; 
  j=true;
  }
}
function sales_bust(){
	if(j==true) {
	GetId("sales").style.visibility="hidden"; 
	j=false;
	}
}
 
document.onmousemove=move;

et j'appelle mon script ainsi pour le div sales:

Code html :

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

<a href="#prd_9" onmouseover="sales_show('<img src=\'sales_graph.php?sales\' />&nbsp;<img src=\'sales_graph.php?qty\' />');" onmouseout="sales_bust();">Sales history</a>

et comme ça pour le div topdeck :

Code html :

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

<a href="#prd_9" onmouseover="pop('La description de mon document');" onmouseout="kill();">Description</a>

[mathieugamin]

Bon, j'ai une solution...
C'est bourrin, mais j'ai pas eu le choix....

Il a fallu que je vire toutes les conditions sur i et j.

Maintenant ça fonctionne, mais j'ai toujours pas compris ...


Si quelqu'un pouvait m'expliquer en quelques mots, je mourrai moins c..