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:

---

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 :)

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.

Citation:

---

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.

Citation:

---

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 ^^'

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é

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

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 :mur:

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

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 !

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.

Citation:

---

mais ne doit certainement pas être utilisé aveuglément et encore moins pour servir de pansement à une méconnaissance profonde du langage...

---

Citation:

---

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 ?! ;)

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 ;)

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 :plusser: