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

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

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

    Informations forums :
    Inscription : Juin 2010
    Messages : 32
    Points : 43
    Points
    43
    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 actif

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

    Informations forums :
    Inscription : Juillet 2012
    Messages : 183
    Points : 274
    Points
    274
    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 du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2010
    Messages
    32
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France

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

    Informations forums :
    Inscription : Juin 2010
    Messages : 32
    Points : 43
    Points
    43
    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
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    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 actif

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

    Informations forums :
    Inscription : Juillet 2012
    Messages : 183
    Points : 274
    Points
    274
    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
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    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 ?

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

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

    Informations forums :
    Inscription : Juin 2010
    Messages : 32
    Points : 43
    Points
    43
    Par défaut
    Merci pour vos retours, cela me permet de progresser
    Le problème venait effectivement du fait que je n'utilisais pas le mot clé var donc sujet résolu.

    Pour répondre à arnoques, je me suis mis de côté divers frameworks qui seront fort utiles le moment venu mais actuellement je débute difficilement en JS donc j'essaye de bien maitriser les bases de ce langage avant. Autant je me débrouille relativement bien en PHP, autant je suis dérouté avec JS (d'un autre côté j'ai écris mes premières lignes il y'a moins d'une semaine).

    En tout cas encore merci pour vos retours, je finirais bien par venir à bout de ce langage avec vos conseils !

  8. #8
    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 418
    Points
    91 418
    Billets dans le blog
    20
    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.
    En plus de la remarque de NoSmoking avec laquelle je suis entièrement d'accord, tes 2 ou 3x de gain de temps en dev se payent dans des proportions plus fortes en terme de perfs, donc oui jQuery permet d'aider au développement, mais ne doit certainement pas être utilisé aveuglément et encore moins pour servir de pansement à une méconnaissance profonde du langage... ce qui est malheureusement trop souvent le cas.
    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

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

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

    Informations forums :
    Inscription : Juin 2010
    Messages : 32
    Points : 43
    Points
    43
    Par défaut
    mais ne doit certainement pas être utilisé aveuglément et encore moins pour servir de pansement à une méconnaissance profonde du langage...
    je débute difficilement en JS donc j'essaye de bien maitriser les bases de ce langage avant
    C'est bien ce que je disais non ?!

  10. #10
    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 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    Oui, ma réponse était en rapport à ce que disait arnogues, quant à ta démarche, je trouve (mais c'est que mon avis) qu'elle est plutôt bonne
    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

  11. #11
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Citation Envoyé par th3sorrow
    ...je débute difficilement en JS donc j'essaye de bien maitriser les bases de ce langage avant.
    je plussois également

+ 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