IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Détecter la hauteur d'une page (document)


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 55
    Par défaut Détecter la hauteur d'une page (document)
    Bonjour,

    J'aimerais détecter en JavaScript la hauteur de la page (document) du navigateur du client. Pas de la fenêtre mais bien de la zone où le document s'affiche.

    J'ai fait une recherche sur Google et j'ai trouvé plusieurs solutions mais ils ne fonctionnent pas sur tous les navigateurs récent MAC et PC, ce qui est grave selon moi.

    Quelqu'un saurait comment faire?

    Merci d'avance

  2. #2
    Membre Expert
    Avatar de ryan
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2003
    Messages
    956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 956
    Billets dans le blog
    1
    Par défaut
    Yop!

    A première vue:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.body.offsetHeight
    Mais je n'ai pas testé sur un Mac.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 55
    Par défaut
    Merci de ta réponse ryan, je vais tester ça sur MAC

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 55
    Par défaut
    Après plusieurs essai, document.body.offsetHeight ne marche pas sur tous les navigateur tant sur mac et pc.

    J'ai trouvé une fonction sur un autre site :

    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;
    }
    Je l'ai testée avec FireFox 2, Safari 2, Opera 9, Netscape 7 sur MAC et avec Internet Explorer 6/7, FireFox 2, Opera 9 sur PC et c'est parfait!!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 13
    Dernier message: 20/07/2007, 13h51
  2. Comment gérer la hauteur d'une page en fonction de la résolution ?
    Par Kenshin86 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 10/05/2007, 14h55
  3. Réponses: 5
    Dernier message: 26/07/2006, 23h45
  4. Calcul de la hauteur d'une page
    Par gailup dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 09/06/2006, 14h53
  5. Hauteur d'une page PHP
    Par gailup dans le forum Langage
    Réponses: 3
    Dernier message: 07/06/2006, 14h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo