Raccourcis et Javascript

Bonsoir,

Voila, en faite, j'essaye de créer mes propres raccourcis pour simplifier mon code Js mais j'ai un soucis pour certains éléments...

Par exemple si je fais ça, y'a pas de problème :

Code:

---

1 2 3

function dG(barre) //récupère un élément par son id { return document.getElementById(barre); }

---

Par contre si j'essaye de rajouter la largeur d'un élément, bah ca marche pô :

Code:

---

1 2 3

function dGW(barre) //récupère la largeur d'un élément par son id { return document.getElementById(barre).style.width; }

---

Est ce que quelqu'un saurait comment résoudre ce problème (enfin si c'est pôssible) ?

Merci!

je serai toi, j'ajouterai une condition du style:

Code:

---

1 2 3 4 5 6 7

function dGW(barre) { var maBarre = document.getElementById(barre); if (maBarre != null) { return maBarre.style.width; } else { return null; }

---

essaye peut être comme ceci :

Code:

---

1 2	function dGW(barre) //récupère la largeur d'un élément par son id { return document.getElementById(barre).offsetWidth; }

---

Citation:

---

Envoyé par Alexino2

Par contre si j'essaye de rajouter la largeur d'un élément, bah ca marche pô :

Code:

---

1 2 3

function dGW(barre) //récupère la largeur d'un élément par son id { return document.getElementById(barre).style.width; }

---

Est ce que quelqu'un saurait comment résoudre ce problème (enfin si c'est pôssible) ?

---

Les attrbtus CSS sont inaccessibles par ce biais...Regarde voir la méthode de mr32. Mais, là les navigateurs donnent des résultats différents.

Renseigne toi sur la méthode getAttribute() qui je crois donne de bons résultats.

Citation:

---

Envoyé par mr32

essaye peut être comme ceci :

Code:

---

1 2	function dGW(barre) //récupère la largeur d'un élément par son id { return document.getElementById(barre).offsetWidth; }

---

---

Heu, "offSetWidth" donne la largeur d'un élément, tandis que style.width donne la position en abscisse de l'élement...

Ce sont deux choses différentes, malgré qu'il soient tous les deux compatibles Mozilla et IE ;)

Ensuite, je précise que le style.width, ca serait pour affecter une veleur (et non la retourner, j'ai mal précisé)...

D'après certains avis sur le net, le setAttribute est assez buggé envers IE, d'autre part il y a aussi le "setCssTexte" mais là encore je suis perdu...

Pour le moment, ca fonctionne avec mon style.width, et mes 2000lignes de codes sont construits avec...

je pourrais faire ça :

Code:

---

1 2 3

function dGW(barre, styl) { document.getElementById(barre).style.width = styl ; }

---

mais a ce moment là faut que je modifie toute mes lignes qui sont construit comme suit :

Code:

---

1 2	dG('monElement').style.width = 100 +'px' ;

---

ca m'obligerais à faire :

Code:

---

1 2	dGW('monElement' , '100px');

---

Mais là d'une part ca va me prendre des heure pour modifier toutes mes lignes, et d'autre part, pas si sûre que a simplifie mon code...

Moi je voudrais juste obtenir ça en faite :

Code:

---

1 2	dGW('monElement') = 100+'px'

---

Bah là ca serait nickel, car je fais un "remplacer tout" et ca me prendre 2 sec...

Si vous croyez que y'a moyen d'obtenir ce résultat ?

Citation:

---

Heu, "offSetWidth" donne la largeur d'un élément, tandis que style.width donne la position en abscisse de l'élement...

---

style.width te permet de préciser la largeur d'un élément, offsetWidth retourne la largeur de l'élément ;
style.height te permet de préciser la hauteur d'un élément, offsetHeight retourne la hauteur de l'élément.

style.left définit l'abscisse de l'élément ;
style.top définit l'ordonnée de l'élément, l'origine (0,0) étant le coin en haut à gauche de la fenêtre du navigateur.

Citation:

---

Envoyé par Auteur

style.width te permet de préciser la largeur d'un élément, offsetWidth retourne la largeur de l'élément ;
style.height te permet de préciser la hauteur d'un élément, offsetHeight retourne la hauteur de l'élément.

style.left définit l'abscisse de l'élément ;
style.top définit l'ordonnée de l'élément, l'origine (0,0) étant le coin en haut à gauche de la fenêtre du navigateur.

---

autant pour moi, me suis emmeler...j'était fatigué :D