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 :

Recupération valeur getComputedStyle().top


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2010
    Messages
    32
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France

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

    Informations forums :
    Inscription : Juin 2010
    Messages : 32
    Par défaut Recupération valeur getComputedStyle().top
    Bonjour,

    j'essaye de récupérer actuellement des valeurs CSS en JS mais la valeur top pose problème.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    left = getComputedStyle(bloc_id).left; //je récupère la bonne valeur
    top = getComputedStyle(bloc_id).top; //me retourne [object Window]
    Les valeurs viennent toutes d'une feuille de style et aucune n'est modifiée dynamiquement. En tapant getComputedStyle().top sur Google rien ne laisse suggérer une autre syntaxe pourtant. Si quelqu'un avait une réponse à ce problème ça serait sympathique !

    En vous remerciant par avance

  2. #2
    Membre expérimenté

    Profil pro
    Inscrit en
    Juillet 2012
    Messages
    183
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2012
    Messages : 183
    Par défaut
    pour la position d'un objet tu as offsetLeft et offsetTop
    et aussi des fonctions qui te permette de recupérer leur position par rapport à la page ou au viewport. (mais il faut les coder)
    Et sinon pourquoi ne pas utiliser jquery tu te prendrais moins la tête.

  3. #3
    Membre actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2010
    Messages
    32
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France

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

    Informations forums :
    Inscription : Juin 2010
    Messages : 32
    Par défaut
    pour la position d'un objet tu as offsetLeft et offsetTop
    Si je ne dis pas de bêtises c'est la position par rapport à l'élément parent donc pas exactement la valeur recherchée.

    Et sinon pourquoi ne pas utiliser jquery tu te prendrais moins la tête.
    cf. cette discussion http://www.developpez.net/forums/d10...on-javascript/. Etant en plus débutant en JS, je trouve cela pas mal de galérer avec le langage originel avant d'utiliser des frameworks.

    En tout cas merci pour ta réponse, même si elle ne répond pas à ma question ^^'

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonsoir,
    essaies d'utiliser des variables ne portant pas à confusion et surtout déclarer via le mot clé var.

    EDIT : vérifies bien l'usage et la compatibilité

  5. #5
    Membre expérimenté

    Profil pro
    Inscrit en
    Juillet 2012
    Messages
    183
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2012
    Messages : 183
    Par défaut
    http://www.quirksmode.org/js/findpos.html

    Comme tu préfères te prendre la tête avec du JS natifs, je t'invite à lire cette page.

    Mais je te dirais aussi et simplement que si tu dois finir un projet très rapidement et que tu ne connais pas grand chose en JS, je te conseille très très fortement d'utiliser jquery pour ton projet, tu iras 2 à 3x plus vite en dev.

    Tu peux aussi utiliser des librairies telles que underscore ou sugar.js si tu dois faire des actions sur des string, numbers array, etc...

    Enfin une fois que tu auras fini ton projet, libre à toi d'aller faire du JS natif, mais tu verras que tu galèreras.

    J'ai codé en js natif pendant 6 ans, et je trouve que jquery apporte un gain et une simplicité en terme de dev qu'il ne faut pas négliger

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Citation Envoyé par arnogues
    Mais je te dirais aussi et simplement que si tu dois finir un projet très rapidement et que tu ne connais pas grand chose en JS, je te conseille très très fortement d'utiliser jquery pour ton projet, tu iras 2 à 3x plus vite en dev.
    sans vouloir re-ouvrir un vieux débat, je ne suis pas persuadé de cela, il n'est qu'à observer les question sur le forun jQuery.

    Citation Envoyé par arnogues
    J'ai codé en js natif pendant 6 ans, et je trouve que jquery apporte un gain et une simplicité en terme de dev qu'il ne faut pas négliger
    là je serais plus d'accord.

    Sans un minimum c'est aller droit dans le

    Dans tout les cas il ne faut pas hésiter à lire les nombreuses documentations disponibles ainsi que la
    Comment récupérer la valeur d'un style CSS ?

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

Discussions similaires

  1. recupérer valeur checkbox
    Par Emcy dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 15/09/2009, 15h13
  2. Recupération valeur JList
    Par pierrot2908 dans le forum Composants
    Réponses: 1
    Dernier message: 14/05/2007, 10h31
  3. Réponses: 4
    Dernier message: 11/04/2007, 16h03
  4. recupérer valeur de checkbox
    Par Emcy dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 06/02/2007, 11h00
  5. recupérer valeur de champs
    Par Echizen1 dans le forum Access
    Réponses: 14
    Dernier message: 14/09/2006, 20h24

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