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 :

taille de l'écran quand on redimensionne


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Inscrit en
    Octobre 2011
    Messages
    37
    Détails du profil
    Informations forums :
    Inscription : Octobre 2011
    Messages : 37
    Points : 8
    Points
    8
    Par défaut taille de l'écran quand on redimensionne
    Bonjour

    Je suis tombé sur un site que je ne retrouve plus, en bas a droite il affichait la taille de la fenêtre du website quand on le redimensionnait , avec la souris je pliait le site et je voyais écrit la largeur actuelle

    Savez vous comment faire ou quel est ce script ?

    merci

    PS je ne cherche pas screen.width !

  2. #2
    Futur Membre du Club
    Inscrit en
    Octobre 2011
    Messages
    37
    Détails du profil
    Informations forums :
    Inscription : Octobre 2011
    Messages : 37
    Points : 8
    Points
    8
    Par défaut
    Je viens de trouver ça mais il faut rafraichir la fenetre pour avoir la taille comment faire pour avoir ça sans recharger la page ?

    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
    <script type="text/javascript">
     
    window.onresize = displayWindowSize;
    window.onload = displayWindowSize;
     
    var myWidth = 0, myHeight = 0;
        if( typeof( window.innerWidth ) == 'number' ) {
            myWidth = window.innerWidth; myHeight = window.innerHeight;
        } else if( document.documentElement && ( document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {
            myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight;
        } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
            myWidth = document.body.clientWidth; myHeight = document.body.clientHeight;
        }
     
    function displayWindowSize() {
       document.getElementById("dimensions").innerHTML = myWidth + "x" + myHeight;
    };
    </script>
    <div id="dimensions"></div>

  3. #3
    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 : 53
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Ben... il suffit de calculer myWidth et myHeight à l'intérieur de la fonction...

  4. #4
    Futur Membre du Club
    Inscrit en
    Octobre 2011
    Messages
    37
    Détails du profil
    Informations forums :
    Inscription : Octobre 2011
    Messages : 37
    Points : 8
    Points
    8
    Par défaut
    arrrrrrrg !

    ça marche

    merci

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

Discussions similaires

  1. Redimensionner une image en fonction de la taille de l'écran
    Par vva dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 09/01/2009, 16h03
  2. [VC++ 2005] taille de l'écran
    Par Juju_aud dans le forum MFC
    Réponses: 11
    Dernier message: 05/06/2006, 15h55
  3. Taille de l'écran
    Par cjacquel dans le forum MFC
    Réponses: 1
    Dernier message: 16/02/2006, 13h51
  4. Un layer qui prend la taille de l'écran
    Par KibitO dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/01/2006, 16h09
  5. [J2ME][debutant] Récupérer la taille d'un écran
    Par kisscool31 dans le forum Java ME
    Réponses: 4
    Dernier message: 21/04/2005, 16h56

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