Discussion :

[demonixis]

Bonjour à tous,

Je cherche à détecter la hauteur maximal d'affichage du navigateur, qui n'est donc pas la hauteur de l'écran, le but est de mettre à jour la propriété css minHeight. Pour l'instant j'ai une fonction qui detecte la hauteur de l'écran via sa résolution, mais bien sur ce n'est pas ce que je cherche.

Voici ma fonction :

Code :

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

1
2
3
4
5
 
function setMinHeight() {
    var hauteurPage = screen.availHeight;
    document.getElementById('global').style.minHeight = hauteurPage + 'px';
}

Le problème est que cette méthode me met un minHeight égale à la hauteur de l'écran (normal c'est ce que je lui demande), mais j'aimerais en fait la hauteur de la zone d'affichage (donc taille de l'écran - barre de tache - les différentes barres du navigateur).

J'ai regarder sur le net, mais pas moyen de trouver une solution (sujet sans réponses...)

En vous remerciant d'avance.

[Bovino]

Salut,

Code :

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

1
2
var xMax = window.innerWidth || document.documentElement.client.clientWidth || document.body.clientWidth;
var yMax = window.innerHeight || document.documentElement.client.clientHeight || document.body.clientHeight;

La première clause est pour FF et autres, les deux autres pour IE selon la présence ou non de la déclaration XML.

[demonixis]

Merci, ça passe nickel avec firefox, opera et chrome, par contre avec IE8 j'ai une erreur JS que voici :

document.documentElement.cleint.clientHeight a la valeur Null ou n'est pas un objet
Code : 0

Une idée ?

[Bovino]

Je sais pas pourquoi j'ai rajouté client... Je devais être mal réveillé

Code :

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

1
2
var xMax = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var yMax = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

[demonixis]

Merci

Ca marche impec partout !