Discussion :

[cdossert]

Bonjour à tous !

Voila, je voudrais à partir d'un menu déroulant, modifier la taille d'un mot.
Pour moi celà me paraissait évident, et j'ai donc écris ceci :

Code :

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

1
2
3
4
5
6
<select name="selectpx" id="selectpx" onchange="javascript:document.getElementById('bloc3').style.font-size=this.value;">
<option value="">-----------</option>
<option value="9px">9</option>
<option value="15px">15</option>
<option value="30px">30</option>
</select>

Le texte de la balise DIV nommée bloc3 aurait dû voir sa taille changer.
Mais rien ne se passe....
Je me creuse la tête depuis 2 jours, je pense que j'en suis arrivé à avoir des oeillères car je suis complètement bloqué !
Merci de votre aide !

[SpaceFrog]

les propriétés de style css avec trait d'union se transforment pour la plus grande majorité selon la règle suivante :

on supprime le trait d'union et le mot suivant prend une majuscule
font-size => fontSize

seules quelques exception selon le navigateur
float => cssFloat
...

[cdossert]

C'etait vraiment tout bête !!!

Vraiment un TRES GRAND MERCI !

[Invité]

bonjour,
-> style.fontSize

Code :

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

1
2
3
4
5
6
7
<select name="selectpx" id="selectpx" onchange="javascript:document.getElementById('bloc3').style.fontSize=this.value;">
	<option value="">-----------</option>
	<option value="9px">9</option>
	<option value="15px">15</option>
	<option value="30px">30</option>
</select>
<div id="bloc3">Asd dfsdfftu etytyhjd jf dfgdfg dfgdfgdfgd ggfyjugyjuy.</div>

[Edit] Dans la FAQ -> correspondance d'un attribut CSS en JavaScript