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