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 :

largeur de mon document incorrecte


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert

    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2007
    Messages
    3 527
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2007
    Messages : 3 527
    Par défaut largeur de mon document incorrecte
    Bonjour,

    sur mon IE8, le code suivant me donne invariablement la même valeur quelle que soit la taille de mon navigateur:

    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
     
    function largeur(){
        var largeur = 0;
        if( typeof( window.innerWidth ) == 'number' ) {
          largeur = window.innerWidth;
          } 
        else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
          largeur = document.documentElement.clientWidth;
          } 
        else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
          largeur = document.body.clientWidth;
          }
        else {
          largeur = -1;
          }
        return largeur;  
    }
    Je cherche à définir le margin-left d'un DIV selon la taille du navigateur.
    Le margin auto ne fonctionne pas pour des raisons obscures (sans doute liées à un empilement de IFrame (j'y suis pour rien )

    Est-il vraiment impossible dans ce cas d'obtenir la largeur de mon IE ?

    Papy !

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    largeur = window.innerWidth;
    Ce code retourne la largeur de l'objet window en cours, donc
    un empilement de IFrame
    a aussi un impact, puisque l'objet window (ou document) en cours correspond à la frame qui appelle ce code.

    Essaye plutôt
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    largeur = top.innerWidth;
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre Expert

    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2007
    Messages
    3 527
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2007
    Messages : 3 527
    Par défaut
    le code en question se trouve au bureau. Je teste ça demain matin dès mon arrivée mais dans toutes mes recherches, il est noté un peu partout que innerWidth est invalide sous IE. Par exemple sur ce site

    D'ailleurs j'avais oublié de préciser que le code indiqué dans mon premier message me renvoie systématiquement 1664 sur mon écran de 1680 px de large. Donc, la largeur physique en px moins la largeur d'une scrollbar.

  4. #4
    Membre Expert

    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2007
    Messages
    3 527
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2007
    Messages : 3 527
    Par défaut
    largeur = top.innerWidth;
    désolé, mais comme je le craignais, ça ne fonctionne pas.

    C'est pas grave, je vais laisser en l'état et voir ça plus tard.

    Merci tout de même

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    largeur = top.document.documentElement.clientWidth;
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre Expert

    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2007
    Messages
    3 527
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2007
    Messages : 3 527
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    largeur = top.document.documentElement.clientWidth;
    me renvoie 0 ... :-(

    la structure du document avec tous ses include doit être sacrément pourrie ...

    Pas grave, ceux qui sont à l'origine de ça se débrouilleront

    merci quand même

Discussions similaires

  1. Réponses: 3
    Dernier message: 08/02/2007, 20h27
  2. [PHP-JS] problème avec mon document.write
    Par kevinf dans le forum Langage
    Réponses: 18
    Dernier message: 06/10/2006, 06h27
  3. Savoir si mon document XML est valide
    Par jsaviola dans le forum Valider
    Réponses: 1
    Dernier message: 28/04/2006, 13h43
  4. Parser mon document XML.
    Par Bruno13 dans le forum Langage
    Réponses: 3
    Dernier message: 28/01/2006, 14h30
  5. [XHTML] IE ne lit pas mon document valide
    Par Invité4 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 31/10/2004, 14h10

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