Discussion :

[beavis6511]

bonjour,

j'ai une page dans laquelle j'ai des <div> hidden.
Quand je clique sur une image ça met le div à visible et ça le centre sur ma page. Avec Firefox tout marche impeccable !!
Le problème c'est avec IE. Ca fait pas ce que je veux. J'ai fait des alert() dans mon javascript et le problème vient des fonctions qui ne retournent pas la même valeur suivant le navigateur.

voici mon code qui est apellé lorsque je clique sur une image:

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
31
32
33
34
35
36
37
38
39
40
 
function afficher(largeur, hauteur, div){
	if (window.innerHeight) {
		l_ecran = window.innerWidth;
		h_ecran = window.innerHeight;
	} else {
		l_ecran = document.body.offsetWidth;
		h_ecran = document.body.offsetHeight;
	}
 
	if (window.pageYOffset) {
		scrollH = window.pageYOffset;
		scrollG = window.pageXOffset;
	  } else {
		scrollH = document.body.scrollTop;
		scrollG = document.body.scrollLeft;
	  }
 
	// positionnement du div en largeur
	var left;
	if (largeur < l_ecran){		
		left = (l_ecran - largeur) / 2;
	} else {
		left = 0;
	}
 
	// positionnement vertical du div
	var top;
	var haut = scrollH;
	if (hauteur < h_ecran){		
		top = haut + (h_ecran - hauteur) / 2;
	} else {
		top = scrollH;
	}
 
	document.getElementById("popup_fond").style.visibility = "visible";
	document.getElementById(div).style.left = left+ "px";
	document.getElementById(div).style.top  = top + "px";
	document.getElementById(div).style.visibility = "visible";
}

le problème vient des variables (donc avec IE):
"scrollH" -> retourne tout le temps 0 !! :-(
"l_ecran" -> valeurs différents
"h_ecran" -> idem

si quelqu'un sait a une idée .....

merci !

[SpaceFrog]

Hello ButHead

c'est le innerMachin qui'est pas reconnu par IE...

cherche du coté de bodyElement ou computedStyle ...

[beavis6511]

c'est bon j'ai trouvé,
pour le scroll c'est: scrollH = document.documentElement.scrollTop;
et pour la hauteur de la page visible:

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
function getWindowHeight() {
    var windowHeight=0;
    if (typeof(window.innerHeight)=='number') {
        windowHeight=window.innerHeight;
    }
    else {
     if (document.documentElement&&
       document.documentElement.clientHeight) {
         windowHeight = document.documentElement.clientHeight;
    }
    else {
     if (document.body&&document.body.clientHeight) {
         windowHeight=document.body.clientHeight;
      }
     }
    }
    return windowHeight;
}