Discussion :

[Alexino2]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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!

[]matmat[]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[mr32]

essaye peut �tre comme ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[Alexino2]

essaye peut �tre comme ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

ca m'obligerais � faire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 ?

[Auteur]

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.

[Alexino2]

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�

[Auteur]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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.