Discussion :

[maxwel56]

Bonjour tout le monde, j'aimerais pouvoir placer une div dynamiquement en modifiant éventuellement sa taille, il me faut donc accéder aux propriétés css de cette dernière.

Lorsque je définis le style directement au niveau de la balise (voir ci-dessous) tout fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div class="drsElement"
 style="left: 20px; top: 300px; width: 150px; height: 200px;
 background: #FDC; text-align: center">
 <div class="drsMoveHandle">Div 1</div>
 Content
</div>

Je peux récupérer les données en javascript comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
elmX = parseInt(element.style.left);
elmY = parseInt(element.style.top);

J'aimerais définir le style dans une feuille de style. Comment récupérer les propriétés css dans ce cas?

[Willpower]

Un sujet récent similaire te donnera toutes les réponses à tes questions, autrement n'hésites pas à revenir.

[Graby]

Bonjour,


En tenant compte des disparités explorer/firefox, je passerais par le DOM pour faire cela :
(petit code sommaire , juste pour donner une piste...je ne teste pas l'existence du node sur lequel j'agis ici...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function changeattrib(){
	mynode=document.getElementById('drs1');
	var Style = 'width: 100px';
	if (document.all) {
		//version explorer
		mynode.setAttribute('cssText', Style);
	} else {
		//version firefox
		mynode.setAttribute('style', Style);
	}
 
}

avec le fichier css suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
.drsElement{
	left: 20px;
	top: 300px;
	width:150px;
	height: 200px;
	background: #FDC;
	text-align: center;
}

Bonne journée !

[maxwel56]

effectivement Willpower, ça correspond exactement à mon problème, j'avais pas trouvé le lien. Je vais regarder ça. Merci beaucoup